前端开发 Skill技能列表
FigmaAPI集成与设计自动化Skill figma
这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。
React专家Skill react-expert
此技能用于前端开发，专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序，涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词：React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。
高级前端开发Skill senior-frontend
高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。
严格TypeScript模式Skill strict-typescript-mode
此技能用于在TypeScript开发中强制执行严格编码规范，包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等，旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词：TypeScript，严格模式，编码规范，类型安全，前端开发，代码审查。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件，包括数据可视化、计算器、迷你应用和工具，支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词：HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
TypeScript严格类型安全实践Skill typescript-strict
该技能专注于在 TypeScript 项目中实施严格模式，通过全面的类型定义、错误处理和消除 any 类型，确保代码的类型安全，防止运行时错误，提升开发效率和代码质量。关键词：TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现（如对话框、下拉菜单、表单验证、数据表格、命令面板）、设计系统构建，以及提升开发效率和用户体验。关键词：前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发
无障碍网页开发(WCAG)Skill accessibility-wcag
此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用，确保网站对所有用户可访问，包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词：无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。
Web实现技能Skill skill-web-implementation
这个技能是一个薄包装器，用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务，包括页面、组件、布局的创建和修改，并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目，帮助提高开发效率和代码质量。关键词：网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。