前端开发 Skill技能列表
Quetrex架构执行器Skill quetrex-architect
Quetrex架构执行器是一个代码质量检查和架构规范工具，专门用于确保Next.js项目遵循TypeScript严格模式、TDD测试驱动开发、Zod数据验证、ShadCN UI组件和安全最佳实践。该工具帮助开发团队维护代码一致性，防止常见错误，提升项目质量和安全性。关键词：TypeScript严格模式、Next.js架构、TDD测试驱动、Zod验证、ShadCN UI、代码规范、安全最佳实践、前端开发规范
TypeScript严格编码规范Skill typescript-strict
TypeScript严格编码规范是一套用于提升TypeScript代码质量和类型安全性的最佳实践指南。该规范强调禁止使用any类型、要求显式返回类型、进行类型化错误处理、避免无解释的类型断言，并推荐使用unknown类型配合类型守卫、优先使用类型推断以及采用可辨识联合类型。适用于前端开发、后端开发及全栈项目，能有效减少运行时错误，提高代码可维护性和团队协作效率。
Zod验证模式技能Skill zod-validation-patterns
Zod验证模式技能是TypeScript应用开发中用于数据验证的全面解决方案。该技能提供完整的Zod库使用模式，包括API请求验证、表单数据验证、数据库输入验证等场景。关键词：Zod验证、TypeScript数据验证、API输入验证、表单验证、数据转换、错误处理、Next.js集成、安全解析、类型推断。适用于前端开发、后端开发中需要严格数据验证的场景，确保应用程序的数据完整性和安全性。
代码风格执行器Skill code-style-enforcer
确保代码遵循项目特定的风格约定和模式，这些可能是自动化 linters 可能遗漏的。
FigmaVariables→TailwindCSS转换技能Skill figma-to-tailwind
这个技能指南旨在帮助用户将Figma设计工具中的MCP设计变量自动转换为Tailwind CSS框架的标准类，以提高前端开发效率和一致性。
OrvalAPI客户端生成技能Skill generate-api-client
该技能用于从OpenAPI规范文档（如api-docs.yaml）自动生成类型安全的API客户端代码。它通过Orval工具链执行，确保前端应用能够以强类型、可维护的方式调用后端API，提升开发效率和代码质量。关键词：OpenAPI，API客户端，类型安全，自动生成，前端开发，TypeScript，代码生成。
渐进式网页应用Skill progressive-web-app
渐进式网页应用是一种结合了网页和移动应用特性的技术，它支持离线工作、可被安装到主屏幕、并通过推送通知与用户互动。关键词包括：离线支持、安装性、推送通知、服务工作线程、Web应用清单。
响应式网页设计Skill responsive-web-design
响应式网页设计是一种网页开发技术，它使用CSS Grid、Flexbox、媒体查询等现代CSS技术，以创建适应不同屏幕尺寸和设备类型的网页布局。
Supabase+Next.js技能Skill supabase-nextjs
利用Supabase和Drizzle ORM构建Next.js应用，实现认证、数据库查询和实时数据更新。
TypeScript技能Skill typescript
TypeScript 技能涵盖了使用 TypeScript 进行严格模式编程，结合 ESLint 和 Jest 进行代码质量和测试保障的最佳实践。关键词包括：TypeScript, ESLint, Jest, 代码质量，测试覆盖率。
FormHandlingwithReactHookFormandZodSkill FormHandlingwithReactHookFormandZod
使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。
InfiniteScrollPatternsSkill InfiniteScrollPatterns
专家级框架，用于实现无限滚动，包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。