前端开发 Skill技能列表
移动优先设计规则Skill mobile-first-design-rules
这个技能专注于移动优先设计和响应式排版，使用Tailwind框架，帮助开发者遵循最佳实践，优化代码可读性和跨设备兼容性。关键词：移动优先设计、响应式排版、Tailwind、前端开发、代码审查、Web开发、UI/UX。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
Next.js服务器组件Skill nextjs-server-components
Next.js服务器组件是一种在服务器端渲染React组件的技术，用于优化Web应用性能、减少客户端JavaScript包大小、支持直接数据库访问，适用于构建高效、SEO友好的应用，关键词包括Next.js、服务器渲染、性能优化、React、前端开发。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。
ScreenfullFullscreenAPISkill screenfull-fullscreen-api
这个技能提供了使用 screenfull 库在 Angular 项目中实现全屏功能的详细指南，包括基本全屏切换、特定元素全屏、图片画廊全屏和演示模式的实现，以及 API 参考和浏览器兼容性信息。
Next.js16AppRouter性能优化技能Skill nextjs
此技能提供Next.js 16 App Router的全面性能优化指南，涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域，帮助前端开发者提升应用性能和效率，适用于Next.js项目开发和性能调优。
用户询问技能Skill ask-user
用户询问技能是一种用于软件开发和人工智能项目中的交互模式，旨在高效收集用户需求、澄清模糊点并获取关键决策。该技能通过提供具体选项、充分上下文和批量提问，帮助开发者、产品经理和AI智能体在需求分析、方案选择和范围界定阶段与用户有效沟通，避免误解和返工，提升协作效率。关键词：用户交互、需求收集、决策支持、选项呈现、范围澄清、软件开发、AI智能体、沟通模式。
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范，包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等，旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词：TypeScript，严格模式，编码规范，类型安全，前端开发，代码审查。
条件渲染技巧：使用三元运算符Skill rendering-conditional-render
这个技能用于在前端开发中优化条件渲染，特别是在 React 和 TypeScript 环境中。通过使用显式三元运算符替代逻辑与运算符，避免当值为 0、NaN 或其他假值时意外渲染，提升代码可靠性和用户体验。关键词包括：条件渲染、三元运算符、React、TypeScript、前端开发、假值处理、优化技巧。
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。