前端开发 Skill技能列表
TypeScript库开发Skill ts-library
这个技能专注于TypeScript库的高质量开发，提供从项目初始化到发布的完整指南，包括双格式支持、构建工具配置、API设计模式和测试策略。关键词：TypeScript、库开发、ESM、CJS、tsdown、unbuild、API设计、类型安全、vitest、CI/CD。
Blazor组件开发Skill dotnet-blazor-components
这个技能专注于Blazor组件开发，涵盖生命周期管理、状态管理、JavaScript互操作、表单验证和QuickGrid组件。它提供了针对不同渲染模式（如Static SSR、InteractiveServer、WASM）的行为差异指导，适用于.NET开发人员构建高效、交互式的Web应用程序。关键词：Blazor, .NET, 组件开发, 前端, 状态管理, JS互操作, EditForm, QuickGrid
React专家Skill react-expert
这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。
前端设计技能Skill frontend-design
前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。
React19性能优化Skill react
这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南，包含57条规则，涵盖8个类别，适用于前端开发中的代码优化和性能提升。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。
FrontendDeveloperAgentSkill develop-frontend
这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
表单验证Skill form-validation
使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
构建Logseq插件Skill building-logseq-plugins
专家指导构建与新数据库架构兼容的 Logseq 插件，自动触发插件创建、API 使用、功能扩展或数据库图插件开发帮助，涵盖插件结构、API 使用和数据库特定考虑。