前端开发 Skill技能列表
复古动画性能优化Skill animation-performance-retro
此技能用于优化复古风格的动画性能，特别针对像素艺术、游戏UI效果和类似界面，通过使用CSS变换、GPU加速、步进动画等技术，确保动画流畅渲染和高效性能。关键词：动画优化、像素艺术、游戏UI、硬件加速、CSS、加载状态、条件动画、前端开发。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
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组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范，包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等，旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词：TypeScript，严格模式，编码规范，类型安全，前端开发，代码审查。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。