前端开发 Skill技能列表
核心组件库设计系统Skill core-components
这个技能涉及使用核心组件库和设计系统来构建一致的用户界面。它强调通过设计令牌实现样式标准化和代码可维护性，适用于前端开发项目。关键词：设计系统、组件库、设计令牌、前端开发、UI构建、代码规范、设计模式。
前端可访问性Skill frontend-accessibility
前端可访问性技能涉及使用语义化HTML、ARIA、键盘导航和屏幕阅读器支持来构建符合WCAG标准的可访问Web应用程序，确保所有用户都能获得包容性的体验。
TypeScript工具类型Skill typescript-utility-types
此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术，用于创建灵活、类型安全的TypeScript代码，提升开发效率和代码质量。关键词：TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。
TailwindUI重构Skill tailwind-ui-refactor
该技能用于基于Tailwind CSS的UI重构，提供52条规则和最佳实践，优化前端开发中的视觉设计、间距、排版、颜色和可访问性，提升代码质量和用户体验。关键词包括：Tailwind CSS, UI重构, 设计模式, 前端开发, 响应式设计, 视觉层次, 可访问性, 代码优化。
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式，包括Promises、async/await、异步迭代器、错误处理和高级模式，用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作，特别适用于API调用、I/O操作和实时数据处理。关键词：TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
用户引导与帮助系统技能Skill guiding-users
该技能专注于设计和实现用户引导与帮助系统，包括产品导览、互动教程、工具提示、设置清单、帮助面板等，旨在提升用户体验、促进功能发现、增强用户激活。关键用于前端开发中的用户界面引导、上下文帮助、入职流程优化，并整合可访问性和数据分析。关键词：用户引导、产品导览、帮助系统、前端开发、用户体验、入职流程、可访问性。
实现拖放与可排序接口Skill implementing-drag-drop
这个技能用于通过React和TypeScript实现拖放和可排序功能，适用于看板、列表排序、文件上传等场景，注重无障碍性、触摸支持和性能优化，关键词包括：拖放、React、TypeScript、前端开发、UI交互、可排序、看板、文件上传。
浏览器内容获取Skill browser-get-content
浏览器内容获取技能用于自动化提取网页文本和特定元素信息，支持数据抓取、页面验证和元素读取等操作。关键词：浏览器自动化、网页内容提取、数据抓取、元素获取。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
AgentationSkill agentation
Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。
Next.js使用指南Skill nextjs
此技能提供基于Next.js官方文档的指导，帮助用户快速掌握和实现Next.js框架的核心功能，包括路由、数据获取、缓存、部署等，适用于前端开发项目。关键词：Next.js、前端开发、路由、数据获取、缓存、部署、配置、SEO优化。