该技能可从UI截图/设计稿中系统提取设计系统（配色/字体/组件/间距），生成设计文档和PRD，最终输出可直用于React实现的MVP界面提示词，支持多方案产出。

配色方案生成器是一个专门用于创建符合WCAG无障碍标准的配色方案的工具。它能从基础颜色生成互补色、类似色、三色等多种配色方案，自动计算颜色对比度，确保AA/AAA级可访问性，并支持导出为CSS、SCSS、JSON等设计令牌格式。该工具还提供深色模式变体生成、无障碍替代方案建议和完整的合规性报告功能。关键词：配色方案生成，WCAG无障碍标准，颜色对比度计算，设计系统令牌，深色模式，可访问性设计，前端开发工具，UI设计辅助

这个技能专注于实现软件应用程序的国际化与本地化，包括多语言翻译管理、日期和数字格式化、以及从右到左语言支持。适用于构建需要支持多种语言的Web或移动应用，提升用户体验和全球市场适应性。关键词：国际化、本地化、多语言支持、i18next、React、前端开发、翻译管理。

这个技能提供了Chrome扩展（Manifest V3）的性能和代码质量最佳实践指南，涵盖服务工作者生命周期、内容脚本优化、消息传递效率、存储操作、网络权限、内存管理、UI性能、API使用模式、代码风格、组件模式、错误处理和测试模式。适用于开发者编写、迁移或优化Chrome扩展代码，提升扩展性能和用户体验。关键词：Chrome扩展，Manifest V3，性能优化，代码质量，前端开发，浏览器扩展。

本技能专注于使用.NET 8+平台上的WinForms开发Windows桌面应用程序，涵盖高DPI支持、暗黑模式（实验性）、依赖注入模式、现代化迁移技巧和最佳实践。关键词：WinForms, .NET 8+, 高DPI, 暗黑模式, 依赖注入, Windows桌面开发, 现代化迁移, 异步编程, 前端UI开发。

交互设计是一种专注于通过反馈模式、微交互和可访问性设计来优化用户界面体验的技能，适用于设计加载状态、错误处理、动画指南等，提升用户体验和交互效果。关键词：交互设计、用户体验、UI设计、反馈模式、微交互、可访问性、前端开发。

这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。

SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。

这个技能专注于网页界面的设计和优化，通过解决视觉层次、可读性、表单功能等问题，提升用户体验和可访问性。关键词包括：网页设计、UI设计、用户体验、视觉层次、可访问性、响应式布局、CSS实现、前端开发。

该技能用于系统化创建表格和数据网格，从简单HTML表格到处理数百万行的企业级虚拟化网格。它提供决策框架、性能优化策略、可访问性设计和响应式布局，适用于前端开发中的数据展示、排序、筛选、分页、内联编辑和数据导出等功能实现。关键词：表格、数据网格、前端开发、性能优化、可访问性、响应式设计、排序、筛选、分页。

Nuxt 是一个基于 Vue.js 的全栈 Web 开发框架，专注于服务端渲染（SSR）、自动导入和文件路由。它简化了现代 Web 应用的构建流程，支持混合渲染和跨平台部署，是构建高性能、SEO 友好的 Vue 应用的关键工具。关键词：Nuxt 框架、Vue SSR、服务端渲染、全栈开发、自动导入、文件路由、Nitro 服务器、混合渲染、Web 应用开发。

此技能提供Avue框架的全面指导，帮助用户构建管理界面、实现CRUD操作、使用表单和表格组件等前端开发任务。关键词包括Avue, Vue, Element UI, 数据驱动, 表单, 表格, CRUD, 树形, 上传, 选择器，适合SEO搜索。