前端开发 Skill技能列表
UI设计系统开发Skill ui-design-system
这个技能用于创建和维护可扩展的UI设计系统工具包，通过设计令牌生成、组件架构、响应式设计计算等功能，提高前端开发效率、确保视觉一致性，并促进设计-开发团队协作。关键词：UI设计系统、设计令牌、组件文档、响应式设计、可访问性、开发者交接、前端开发工具、设计系统构建。
可访问性合规Skill accessibility-compliance
这个技能用于实现符合WCAG 2.2标准的可访问性接口，支持移动设备、包容性设计模式和辅助技术，提升网页和应用的包容性体验。关键词：可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍设计、前端开发、UI/UX。
UX设计系统Skill ux-design-systems
UX设计系统是一种用于构建一致、可维护的用户界面设计的方法，通过设计token、组件库和主题系统实现。适用于前端开发、组件化设计和样式管理，提高开发效率和设计一致性。关键词：设计系统，设计token，组件库，主题化，暗模式，前端开发，用户界面。
静态报告页面生成与托管技能Skill user-ask-for-report
此技能用于快速创建和部署静态报告网站。它使用Tailwind CSS进行样式设计，支持客户端密码保护，并可以通过Originless服务上传到IPFS进行匿名托管。适用于需要快速生成美观报告页面的场景。关键词：静态网站、Tailwind CSS、IPFS、报告生成、前端开发、密码保护。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
Figma设计实现技能Skill "figma-implement-design"
该技能通过Figma MCP工作流，将Figma设计节点准确转化为生产就绪代码，实现1:1视觉保真度，适用于前端开发、设计系统集成和代码生成。关键词：Figma、设计实现、代码转换、视觉保真、前端开发、MCP工作流。
算法艺术Skill algorithmic-art
这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术
网页无障碍审计专家Skill AccessibilityAuditor
这个技能用于网页可访问性审计，确保网站符合WCAG 2.1 AA/AAA标准，实现ARIA属性，测试屏幕阅读器兼容性，并提供无障碍设计指导。关键词：网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
Web构件构建器Skill web-artifacts-builder
这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。
创意前端界面设计Skill frontend-design
此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。