前端开发 Skill技能列表
前端设计Skill frontend-design
该技能专注于创建独特、生产级的前端界面，强调高质量设计和创意代码实现，避免通用的AI美学。适用于构建Web组件、页面和应用程序，关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。
Figma设计同步技能Skill figma-design-sync
这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。
颜色策展人Skill color-curator
这个技能帮助用户浏览和选择颜色调色板，特别针对前端设计项目。它可以从Coolors网站获取趋势调色板，提取十六进制代码，映射到Tailwind配置，并提供策展的后备方案。适用于设计师和开发人员，方便快速选择和应用颜色方案。关键词：颜色调色板、前端设计、Coolors、Tailwind、CSS变量、颜色映射、调色板策展。
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
JavaScript/TypeScript开发Skill javascript-typescript
该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频，通过代码分析、AI图像生成和并行处理技术，实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词：视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
Makepad小部件技能Skill makepad-widgets
这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。
React19性能优化Skill react
这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。
AI元素聊天组件开发技能Skill ai-elements-chatbot
这个技能用于开发和生产就绪的AI聊天用户界面组件，基于shadcn/ui和Vercel AI SDK v5。它支持流式聊天、工具/函数调用显示、推理可视化等功能，适用于构建类似ChatGPT的聊天界面。关键词：AI聊天、前端开发、UI组件、shadcn/ui、Next.js、AI SDK、流式聊天、Vercel AI SDK、生产就绪组件。
BunNext.js开发Skill BunNext.js
这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序，以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决，适用于全栈Web开发。关键词：Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。
国际化(i18n)Skill internationalization-i18n
这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。