前端开发 Skill技能列表
设计系统创建Skill design-system-creation
设计系统创建是一个用于构建和管理UI设计系统的技能，包括设计令牌、组件库、文档等，旨在确保品牌一致性和开发效率。关键词：设计系统、UI设计、前端开发、组件库、设计令牌、响应式设计、可访问性。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
设计迭代器Skill design-iterator
这个技能是一个用于UI/UX设计的系统化迭代工具，通过截图分析、竞争对手研究和渐进改进来精炼web组件设计，提升视觉层次、布局平衡和整体美学。适用于设计感觉不佳时的深度优化，关键词包括UI/UX设计、设计迭代、前端开发、视觉优化、截图分析。
FumadocsMDX结构指南Skill fumadocs-mdx-structure
该技能用于创建和管理Fumadocs平台的MDX文档文件，包括前置元数据设置、组件导入、安装命令生成和代码示例编写，适用于前端开发中的8-bit组件文档化工作。关键词：MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。
响应式设计模式Skill responsive-design-patterns
本技能专注于移动优先的响应式设计模式，用于创建自适应、响应式用户界面。关键要素包括断点系统、流体布局、自适应组件和触摸友好模式，适用于前端开发，提升网页和应用的跨设备兼容性和用户体验。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户界面、移动端适配。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
前端设计系统Skill frontend-design-systems
前端设计系统是一种系统化方法，用于构建一致、可维护的前端用户界面组件，通过设计令牌、组件模式、布局模式等提升开发效率和一致性，适用于React等前端框架，便于SEO搜索的关键词包括前端、设计系统、UI组件、React、设计令牌、组件库。
算法艺术Skill algorithmic-art
这个技能专注于使用p5.js和算法创建生成式艺术，通过计算过程、噪声函数和粒子系统等，实现交互式的参数探索和艺术生成。适用于生成艺术、算法艺术、流动场和粒子系统开发，强调计算美学、种子随机性和专家工艺。
无障碍网页设计Skill accessibility-patterns
这是一个关于无障碍网页设计的技能，用于构建包容性的网页体验，遵循WCAG指南。关键内容包括语义HTML、ARIA属性、键盘导航、颜色对比和测试策略。关键词：无障碍、网页设计、WCAG、语义HTML、ARIA、前端开发、SEO优化。
Claude.aiHTML艺术品构建器Skill web-artifacts-builder
这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
响应式设计模式Skill responsive-design-patterns
响应式设计模式是一种专注于移动设备优先的响应式用户界面设计方法。它包括断点系统、流体布局、自适应组件和触摸友好模式等关键元素，确保网站在不同设备上都能良好显示。适用于前端开发，提升用户体验和开发效率。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户体验。