前端开发 Skill技能列表
前端设计技能Skill frontend-design
这个技能用于创建独特、生产级别的前端界面，注重高设计质量，避免通用AI美学，适用于构建Web组件、页面或应用程序。关键词包括前端开发、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，多语言应用，翻译管理，区域设置，前端开发，软件开发。
代码质量专家Skill code-quality
专注于TypeScript严格模式、代码审查、代码质量提升的专家，擅长修复TypeScript错误、代码最佳实践审查和代码标准执行。
GSAP动画最佳实践Skill gsap-animations
这份指南提供了使用GSAP（GreenSock动画平台）在网页设计中实现专业、可访问且性能优越的动画的最佳实践，包括滚动触发器、性能优化、可访问性、响应式动画和测试集成。
无障碍可访问性(WCAG)Skill accessibility-wcag
本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用，涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化，适用于前端开发中确保所有用户（包括残疾人）能够访问和使用Web内容，提升Web可访问性和SEO友好性。
Remix图标库实现技能Skill remix-icon
Remix图标库实现技能是一个指导如何集成和使用RemixIcon图标库的指南，RemixIcon提供3100多个中立风格图标，包括线性和填充两种样式。该技能适用于前端开发、UI设计、应用程序图标添加等场景，支持Webfonts、SVG、React、Vue等多种集成方式，涵盖安装、使用模式、最佳实践和故障排除。关键词：图标库，RemixIcon，前端开发，UI设计，SVG图标，React集成，Vue集成，图标实现，Webfonts，UI组件。
设计迭代器Skill design-iterator
设计迭代器技能是一个系统化的UI/UX设计优化工具，通过多次迭代、视觉分析、竞品研究和渐进式改进，提升前端界面的美观度和专业性。适用于颜色调整、布局平衡和整体美感优化，帮助设计师和开发者快速迭代设计。关键词：UI/UX设计迭代、前端设计优化、视觉分析、竞品研究、渐进式改进。
检查前端代码Skill check-frontend
这个技能用于自动检查前端代码是否遵循开发指南，通过执行Git操作、阅读指南文件和代码审查等步骤，确保代码质量和一致性，提升开发效率。关键词：前端开发、代码检查、指南遵循、Git、组件、Hook、状态管理、代码审查、质量保证。
可视化画布沙盒Skill sandbox
可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。
品牌指南应用Skill brand-guidelines
品牌指南应用技能用于将品牌设计元素如颜色、字体、间距等一致地应用到文档、演示文稿、网页等各类材料中，确保品牌视觉识别系统的一致性，提升用户体验和品牌形象。关键词：品牌设计、CSS变量、前端开发、UI/UX、品牌一致性、视觉格式化。