前端开发 Skill技能列表
组件包装架构Skill component-wrapper-architecture
这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。
NuxtSEO优化模块Skill nuxt-seo
Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集，提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能，帮助提升网站搜索排名和用户体验。关键词：Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。
Tauri安全规则技能Skill tauri-security-rules
这个技能帮助开发者在Tauri应用开发中应用安全最佳实践，包括IPC安全、输入验证、HTTPS通信、认证授权和API暴露控制，以提升应用的安全性和合规性。关键词：Tauri安全、IPC安全、输入验证、HTTPS、认证、API安全、前端安全。
Next.js最佳实践Skill nextjs-best-practices
这个技能是关于Next.js框架中App Router开发的最佳实践，涵盖了服务器与客户端组件、数据获取模式、路由原则、API设计、性能优化、缓存策略等关键方面，旨在帮助前端开发者构建高效、可扩展的Web应用。关键词：Next.js、App Router、服务器组件、客户端组件、数据获取、路由、性能优化、缓存、SEO。
TailwindCSS配置Skill tailwind-configuration
Tailwind CSS配置技能专注于通过tailwind.config.js文件自定义Tailwind CSS框架，包括内容路径设置、主题扩展、插件集成和构建优化，适用于前端开发项目，关键词包括Tailwind CSS、配置、主题定制、插件、前端开发、CSS框架。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
GPUI组件开发风格指南Skill gpui-style-guide
这是一个基于Rust语言和GPUI框架的组件开发风格指南。它提供了组件结构、trait实现、命名约定和API模式等规范，用于编写新组件、审查代码和确保与现有代码一致性。关键词：Rust, GPUI, 组件开发, 代码风格, 前端UI, UI框架, 软件开发。
前端设计Skill frontend-design
此技能专注于创建独特、生产级的前端接口，强调高质量设计、创意美学和避免通用AI风格。适用于构建网页组件、页面、应用程序等，注重细节、字体、颜色、动效和空间构成，以实现令人难忘的用户体验。关键词：前端设计、UI设计、网页开发、创意接口、生产级、美学设计、UI/UX。
优质前端设计技能Skill frontend-design
此技能专注于开发独特、生产级的前端界面，强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序，提供精致代码和美学优化，提升用户体验和视觉吸引力。关键词：前端开发、创意设计、Web界面、美学优化、生产级代码。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。