前端开发 Skill技能列表
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频,通过代码分析、AI图像生成和并行处理技术,实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词:视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究,通过框架文档和代码库探索来收集技术信息,支持Astro、Tailwind、Cloudflare等前端技术,并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括:web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题,包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成,旨在提升代码质量、减少运行时错误并优化开发效率。关键词:TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
展示时间线与活动组件Skill displaying-timelines
该技能用于系统化地创建和展示时间线、活动组件、甘特图、日历接口等,适用于显示事件、活动、项目计划、历史数据、社交源、通知和审计日志。提供基于用例的决策框架、实现模式、性能优化、可访问性要求和响应式设计,支持实时更新。关键词:时间线、活动组件、甘特图、日历、前端开发、数据可视化、实时更新、可访问性、响应式设计。
Tailwind性能优化Skill tailwind-performance
这个技能用于优化Tailwind CSS在生成环境中的性能,通过配置内容路径、使用JIT模式、最小化自定义CSS等方法,减少CSS包大小,提高网站加载速度和性能。关键词包括Tailwind CSS、性能优化、JIT模式、PurgeCSS、代码分割、构建优化。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制,帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发,适用于前端界面构建。关键词:Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
前端设计Skill frontend-design
前端设计技能用于通过AI多模态分析、创意代码实现和独特美学,创建高质量、生产级的前端界面。它专注于避免通用AI美学,适用于Web开发、组件构建、设计复制和灵感汲取,关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。
移动调试Skill mobile-debugging
移动调试技能用于在移动设备上远程访问JavaScript控制台和调试网页,包括使用Eruda、vConsole等工具,以及Chrome、Safari的远程调试方法。适用于开发人员调试移动端网页问题、测试响应式设计、捕获控制台错误等。关键词:移动调试、JavaScript控制台、网页调试、移动设备、远程调试。
UI样式设计技能Skill ui-styling
该技能专注于使用shadcn/ui组件、Tailwind CSS实用样式和画布可视化设计创建美观、可访问的用户界面。适用于前端开发,用于构建响应式布局、实现暗模式、自定义主题,并建立一致的设计系统。关键词包括:UI设计、前端开发、shadcn/ui、Tailwind CSS、响应式设计、暗模式、可视化设计、可访问组件。
前端设计Skill frontend-design
该技能用于创建独特、生产级的前端接口,注重高质量设计和创意美学,避免通用AI风格。适用于构建Web组件、页面、应用程序等,生成功能性和美观性的代码与UI。关键词:前端设计、UI设计、Web开发、生产级、创意美学。
更新索引导出Skill update-index-exports
这是一个用于在fe-tools项目中更新索引文件的技能,主要目的是维护包导出的整洁性和一致性,确保新添加的模块或函数能被正确暴露,并避免重复导出。该技能适用于前端开发中的代码维护任务,涉及TypeScript模块管理、包导出优化和测试完整性检查。关键词:更新导出、包管理、前端开发、索引文件、模块导出、fe-tools、代码维护。
PPTX演示文稿处理技能Skill pptx
PPTX 演示文稿处理技能是一个专为程序化创建、编辑和分析PowerPoint演示文稿设计的工具包。它支持文本提取、原始XML访问、HTML到PPTX转换等工作流程,适用于自动化演示文稿生成和修改,提升办公效率和视觉呈现。关键词:PPTX, PowerPoint, 演示文稿, 创建, 编辑, 分析, 程序化, 自动化, 办公软件, 幻灯片处理