前端开发 Skill技能列表
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，强调美学设计和代码质量，避免通用AI生成风格。适用于Web开发、UI/UX设计、创意编码，关键词包括前端设计、Web开发、美学界面、创意编码、SEO优化、HTML/CSS、React、Vue。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查Web界面代码是否符合最新的Web界面指南，提升UI/UX质量、确保可访问性和遵循最佳实践。关键词：UI代码审查、可访问性检查、Web设计指南、前端测试、用户体验审计。
前端产物构建套件Skill web-artifacts-builder
该技能是一个用于创建复杂HTML产物的前端开发工具套件，基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件，适用于构建需要状态管理、路由和多组件交互的Web应用。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。
VercelReact最佳实践指南Skill vercel-react-best-practices
本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南，包含 45 条规则，按优先级分类，用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码，确保最佳性能模式。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。
前端设计Skill frontend-design
前端设计技能专注于创建独特、生产级别的前端用户界面，结合创意美学与代码实现，用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学，关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。
Web组件构建器Skill web-artifacts-builder
这是一个前端开发工具，用于快速创建和打包复杂的HTML组件，使用React、Tailwind CSS和shadcn/ui等现代技术，适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。
前端设计Skill frontend-design
前端设计技能专注于创建独特、生产级的前端界面，避免通用AI美学。它涉及创意UI设计、精致代码实现、美学细节处理，如排版选择、颜色方案、动效和空间构成。关键词：前端设计、UI设计、网页开发、创意界面、生产级代码、美学细节、排版艺术。
交互式数据仪表板构建技能Skill data-build-dashboard
这个技能用于构建自包含的交互式HTML仪表板，包含图表、过滤器和表格，支持专业样式，无需服务器即可直接在浏览器中运行。专注于前端开发，利用Chart.js实现数据可视化，适用于业务监控、数据分析和报告。关键词：HTML仪表板、数据可视化、前端开发、交互式设计、Chart.js、响应式布局、自包含应用。
算法艺术生成Skill algorithmic-art
这个技能专注于使用p5.js创建算法艺术，通过种子随机性和交互式参数探索生成独特的视觉作品。它涉及计算美学、噪声函数、粒子系统和流动场，允许用户调整参数并探索无限的艺术变体。关键词：算法艺术、生成艺术、p5.js、交互式参数、种子随机性、计算美学。
Prettier插件Skill prettier-plugins
此技能专注于Prettier插件的各个方面，包括插件生态系统、自定义解析器和插件开发，旨在帮助开发者掌握代码格式化工具的高级应用。关键词：Prettier插件, 代码格式化, JavaScript开发, 前端工具, 插件开发, SEO
Prettier配置Skill prettier-configuration
Prettier配置技能提供了关于Prettier代码格式化工具的全面配置指南，包括选项设置、配置文件、忽略模式和格式化规则，适用于JavaScript开发，帮助提升代码质量和团队协作效率。关键词：Prettier、代码格式化、JavaScript、配置、开发工具、前端开发、SEO优化。