前端开发 Skill技能列表
可视化画布沙盒Skill sandbox
可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。
Canvas设计Skill canvas-design
Canvas 设计技能专注于使用 HTML Canvas API 和设计工具（如 Figma、Adobe Creative Suite）进行视觉创作，涵盖数据可视化、交互式图形、图表制作、游戏图形、动画、图像处理和视觉编辑器开发。关键词包括：HTML Canvas、数据可视化、交互式图形、动画设计、游戏开发、图像处理、视觉编辑器、前端开发。适用于前端项目、数据可视化、游戏设计和视觉内容制作，提升用户体验和视觉效果。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。
ReactWeb技能Skill react-web
React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频，通过代码分析、AI图像生成和并行处理技术，实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词：视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
UI组件生成技能Skill ui
这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制，帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发，适用于前端界面构建。关键词：Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
响应式网页设计Skill responsive-web-design
响应式网页设计是一种网页开发技术，它使用CSS Grid、Flexbox、媒体查询等现代CSS技术，以创建适应不同屏幕尺寸和设备类型的网页布局。
React组件架构Skill react-component-architecture
使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。
视觉引擎技能Skill visual-engine-skill
该技能用于构建和管理网站或应用的动态视觉体验系统。核心功能包括：创建和管理动画库（光束、剪辑、卡片、过渡等效果）、集成3D组件（Three.js）、构建灵感展示画廊和演示页面。它强调安全（如防癫痫）、可访问性（支持减少动画偏好）和性能优化，旨在通过丰富的动画和布局提升用户界面吸引力和交互体验。关键词：视觉体验引擎，网页动画，Three.js 3D，动画预设，可访问性动画，前端交互设计，UI/UX动画。
代码风格执行器Skill code-style-enforcer
确保代码遵循项目特定的风格约定和模式，这些可能是自动化 linters 可能遗漏的。
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖，并遵循最佳实践来简化应用程序的国际化（i18n）和本地化（l10n）流程。关键词：国际化 i18n，本地化 l10n，多语言应用，翻译管理，区域设置，前端开发，软件开发。