前端开发 Skill技能列表
any类型修复技能Skill fix-any-types
这是一个 TypeScript 类型修复技能,专门用于消除代码中的 any 类型使用,提高类型安全性和代码可维护性。通过识别、分析和替换 any 类型,确保代码符合严格类型检查。适用于前端和后端开发项目,帮助开发团队遵循零容忍 any 类型政策。关键词:TypeScript,类型安全,any类型修复,代码优化,软件开发,前端开发,后端开发。
创建样式指南Skill create-style-guide
这个技能用于从设计令牌和主题配置生成全面的样式指南文档,支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。
快速类型生成器Skill quicktype
这个技能用于从 JSON 数据快速生成编程语言类型定义,支持 TypeScript、Go、Python 等多种语言,适用于 API 响应类型、配置文件定义等开发场景。关键词:JSON 转换、类型生成、开发工具、代码生成、API 类型定义、快速类型。
OG图像设计Skill og-image-design
OG图像设计技能专注于创建和优化Open Graph(OG)图像,用于社交媒体平台的链接预览和分享。它涵盖平台规格、文本布局、品牌元素、动态生成及SEO优化,适用于博客缩略图、社交卡片等场景。关键词:Open Graph, 社交分享图像, OG图像设计, 前端开发, SEO优化
Makepad动画技能Skill makepad-animation
这个技能提供了Makepad动画系统的全面指南,专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线,适用于前端GUI开发。关键词:Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计,涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发,允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词:算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。
构建包Skill build-packages
该技能用于构建fe-tools monorepo中的软件包,通过运行npm命令进行TypeScript编译和错误处理,涉及构建、编译、修复等关键词,适用于前端开发流程。
双语JSDoc文档编写Skill bilingual-jsdoc
该技能专注于为前端开发工具中的函数编写双语(中文和英文)JSDoc 文档,以提升代码可读性、维护性和团队协作效率,适用于国际化项目。关键词:JSDoc、双语文档、前端开发、代码注释、文档生成、软件开发工具。
Rails应用UI块Skill rails-application-ui-blocks
此技能专为Rails应用程序设计,用于高效选择和集成预构建的UI块到视图中,支持新页面创建和现有UI重构,确保行为一致、可访问性优化,并兼容Turbo和Stimulus框架。关键词:Rails, UI块, 视图开发, 前端集成, 可访问性, Turbo, Stimulus。
TypeScript类型专家Skill typescript-type-expert
TypeScript类型专家技能专注于解决高级TypeScript类型系统挑战,包括复杂泛型、条件类型、模板字面量类型、类型推断、性能优化和类型级编程。适用于处理递归类型、品牌类型、实用类型创作和类型性能问题。关键词:TypeScript, 类型系统, 泛型, 条件类型, 模板字面量, 类型推断, 性能优化, 递归类型, 品牌类型, 实用类型
查询层模式Skill query-layer
查询层模式是一种在前端开发中使用的技能,它通过TanStack Query和WellCrafted工厂实现UI组件与服务层之间的反应式桥梁。核心功能包括错误转换、缓存管理、运行时依赖注入和乐观更新,以提高应用性能和用户体验。关键词:查询层、TanStack Query、错误处理、缓存、反应式编程、前端开发、数据管理。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面,专注于高质量UI设计和创意编码,避免通用AI美学,适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景,提升用户体验和视觉冲击力。关键词:前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。