前端开发 Skill技能列表
UI/UX设计智能专业版Skill ui-ux-pro-max
这是一个全面的UI/UX设计技能，提供设计系统、样式推荐、颜色调色板、字体配对、图表选择等，用于快速设计和开发网页与移动应用界面。它支持多种技术栈，并包括可访问性、性能、响应式设计等最佳实践指南。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、网页设计、移动应用设计、设计指南。
前端设计Skill frontend-design
前端设计技能用于通过AI多模态分析、创意代码实现和独特美学，创建高质量、生产级的前端界面。它专注于避免通用AI美学，适用于Web开发、组件构建、设计复制和灵感汲取，关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。
卓越前端设计与图像集成技能Skill frontend-design-pro
这个技能专注于设计和开发高端的前端用户界面，集成了真实或自定义图像，用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。
前端开发模式技能Skill frontend-patterns
前端开发模式技能旨在指导开发者使用 Next.js App Router、Clerk 认证、shadcn/ui 组件和 PostHog 分析的既定最佳实践，确保前端开发一致性、可访问性和用户体验。适用于构建 UI 组件、实现认证流程、添加表单验证、集成分析事件等场景，提升开发效率和代码质量。关键词：前端开发，Next.js，Clerk 认证，shadcn/ui，PostHog 分析，响应式设计，可访问性，模式，最佳实践。
无障碍与WCAG合规专家Skill accessibility-wcag
这个技能专注于网页无障碍性和WCAG 2.2合规性，确保界面对所有用户可访问，包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计，关键词：无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。
可访问性合规Skill accessibility-compliance
这个技能提供新闻网站、学术平台等的可访问性合规模式，用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问，并满足法律要求。它帮助开发人员和内容发布者确保所有读者（包括使用辅助技术的用户）都能平等访问网络内容。关键词：可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计，涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发，允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词：算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
React组件生成器Skill react-component-generator
这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。
shadcnUI组件库Skill shadcn-ui
shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。
Next.js前端框架Skill nextjs
Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。