前端开发 Skill技能列表
FumadocsMDX结构指南Skill fumadocs-mdx-structure
该技能用于创建和管理Fumadocs平台的MDX文档文件，包括前置元数据设置、组件导入、安装命令生成和代码示例编写，适用于前端开发中的8-bit组件文档化工作。关键词：MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。
8-bit组件文档编写Skill fumadocs-component-docs
该技能用于为 8-bit 风格组件创建和维护结构化文档，包括组件预览、使用示例、属性表格和导入指南，旨在提高前端组件库的文档质量和用户体验。关键词：8-bit 组件、文档编写、前端开发、组件库、SEO 优化。
动态导入懒加载技术Skill bundle-dynamic-imports
这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载，以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件，如代码编辑器、图表、富文本编辑器等。通过动态导入，可以减少初始加载时间，提升应用响应速度。关键词：动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。
复古动画性能优化Skill animation-performance-retro
此技能用于优化复古风格的动画性能，特别针对像素艺术、游戏UI效果和类似界面，通过使用CSS变换、GPU加速、步进动画等技术，确保动画流畅渲染和高效性能。关键词：动画优化、像素艺术、游戏UI、硬件加速、CSS、加载状态、条件动画、前端开发。
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
Makepad平台技能Skill makepad-platform
这个技能专注于Makepad跨平台开发，提供平台支持、条件编译和平台API使用指导，帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词：Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频，通过代码分析、AI图像生成和并行处理技术，实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词：视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
UI组件生成技能Skill ui
这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。