前端开发 Skill技能列表
Storybook参数与控制配置Skill storybook-args-controls
这个技能用于在Storybook中配置交互式参数和控件，使组件故事动态化和可探索，便于设计师和开发人员实时测试组件变体。关键词：Storybook, 参数, 控制, 交互式, 组件开发, 前端测试, UI组件, 动态演示。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
前端可访问性Skill frontend-accessibility
前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。
NuxtContentv3内容管理系统Skill nuxt-content
Nuxt Content v3 是一个基于 Git 的内容管理系统（CMS），专为 Nuxt.js 项目设计，用于管理 Markdown、YAML、JSON 和 CSV 文件，提供类型安全查询、模式验证（支持 Zod 和 Valibot）、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等，支持 Cloudflare 和 Vercel 部署，集成 Nuxt Studio 进行生产编辑。关键词：Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
Shopify开发Skill shopify
这个技能提供在Shopify平台上构建应用、扩展、主题和API集成的全面指导，涵盖使用GraphQL API、REST API、Shopify CLI、Polaris UI、Liquid模板、UI扩展、Shopify Functions等技术，适用于开发电子商务解决方案、自定义商店界面和集成第三方服务。关键词：Shopify开发、GraphQL API、REST API、Shopify CLI、Polaris、Liquid模板、UI扩展、Shopify Functions、主题开发、API集成、电子商务开发。
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。
Prettier插件Skill prettier-plugins
此技能专注于Prettier插件的各个方面，包括插件生态系统、自定义解析器和插件开发，旨在帮助开发者掌握代码格式化工具的高级应用。关键词：Prettier插件, 代码格式化, JavaScript开发, 前端工具, 插件开发, SEO
ReactuseState懒初始化Skill rerender-lazy-state
此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发
Claude前端神器构建器Skill artifacts-builder
该技能是一个前端开发工具套件，专门用于为Claude.ai创建复杂、多组件的HTML神器，采用React、Tailwind CSS和shadcn/ui等现代技术，支持状态管理和路由，适用于构建高级前端项目。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML神器，Claude.ai。