前端开发 Skill技能列表
卓越前端设计技能Skill frontend-design
这个技能专注于创建独特、生产级的前端界面,强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程,涵盖排版、颜色、动效等美学元素,适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词:前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能,通过使用React Server Components(RSC)将慢速客户端数据获取转换为快速服务器端数据获取,提高页面加载速度、SEO和用户体验。关键词:RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
JavaScript开发Skill javascript
JavaScript开发技能,用于编写现代、干净的JavaScript和TypeScript代码,包括异步编程、Node.js开发、浏览器兼容性处理等。关键词:JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。
快速类型生成器Skill quicktype
这个技能用于从 JSON 数据快速生成编程语言类型定义,支持 TypeScript、Go、Python 等多种语言,适用于 API 响应类型、配置文件定义等开发场景。关键词:JSON 转换、类型生成、开发工具、代码生成、API 类型定义、快速类型。
创建样式指南Skill create-style-guide
这个技能用于从设计令牌和主题配置生成全面的样式指南文档,支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。
熊猫CSSSkill panda-css
熊猫CSS是一个前端CSS框架,用于通过CSS-in-JS技术管理Web样式,提高开发效率和性能。关键词:前端开发,CSS框架,CSS-in-JS,原子CSS,Web性能。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题,包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成,旨在提升代码质量、减少运行时错误并优化开发效率。关键词:TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
UI组件生成技能Skill ui
此技能用于生成用户界面(UI)组件和反馈表单,支持前端开发中的英雄区域、表单设计等元素,适用于网站和应用的界面构建及用户反馈收集。关键词:UI组件,反馈表单,前端开发,用户界面设计,表单生成,可访问性,SEO优化。
React专家Skill react-expert
这个技能是React生态系统专家,专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性(如编译器、动作、useActionState、useOptimistic)、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议,用于构建高性能、可扩展的现代React应用。关键词:React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。
Next.js专家Skill nextjs-expert
这是一个Next.js框架专家技能,专为前端开发设计,帮助开发者遵循Next.js 14和15的最佳实践,包括App Router、Server Components、API routes等,提升代码质量和开发效率。关键词:Next.js、前端开发、Web开发、代码审查、最佳实践、响应式设计、TypeScript、SEO优化。
移动优先设计规则Skill mobile-first-design-rules
这个技能专注于移动优先设计和响应式排版,使用Tailwind框架,帮助开发者遵循最佳实践,优化代码可读性和跨设备兼容性。关键词:移动优先设计、响应式排版、Tailwind、前端开发、代码审查、Web开发、UI/UX。