前端开发 Skill技能列表
TailwindCSSv4性能优化最佳实践Skill tailwind
此技能提供Tailwind CSS v4的全面性能优化和最佳实践指南，帮助开发者在编写、审查或重构代码时优化构建性能、最小化CSS输出，并正确使用v4特性。适用于前端开发中的样式管理、响应式设计和性能提升。关键词：Tailwind CSS v4, 性能优化, 最佳实践, CSS生成, 构建配置, 前端开发, 响应式设计, 工具类。
零构建前端开发Skill zero-build-frontend
零构建前端开发是一种前端技术，通过CDN直接加载React、Tailwind CSS等库，无需本地构建工具，适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词：零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统，包括泛型、条件类型、映射类型、模板文字类型和实用类型，帮助开发者构建类型安全的应用程序，提高代码可维护性和编译时安全性。关键词：TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。
React最佳实践Skill react-best-practices
提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
FigmaAPI集成工具Skill figma-api
Figma API集成工具是一个专门用于设计资产管理和设计到代码工作流程的AI技能。它通过直接调用Figma API实现文件获取、组件提取、设计令牌生成、图像导出、评论管理和版本控制等功能。该工具支持设计系统同步、前端开发协作、UI设计自动化，帮助团队提高设计开发效率，实现设计资产的一站式管理。关键词：Figma API集成，设计到代码，设计令牌提取，UI组件管理，设计系统同步，前端开发工具，设计资产管理，自动化设计工作流。
CSS模块化样式技能Skill css-modules
CSS Modules 是一种用于实现 CSS 样式作用域化和模块化的技术。本技能提供 CSS Modules 的配置、编写、组合、变量使用和主题化处理的专家指导。它帮助前端开发者在 React 等现代框架中管理组件样式，避免样式冲突，构建可维护的设计系统。关键词：CSS Modules，作用域样式，模块化CSS，React样式，前端开发，组件样式，CSS变量，主题化。
Zustand中间件技能Skill zustand-middleware
Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能，包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化，提高应用性能和可维护性。关键词：Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件
Shopify开发Skill shopify
这个技能提供在Shopify平台上构建应用、扩展、主题和API集成的全面指导，涵盖使用GraphQL API、REST API、Shopify CLI、Polaris UI、Liquid模板、UI扩展、Shopify Functions等技术，适用于开发电子商务解决方案、自定义商店界面和集成第三方服务。关键词：Shopify开发、GraphQL API、REST API、Shopify CLI、Polaris、Liquid模板、UI扩展、Shopify Functions、主题开发、API集成、电子商务开发。
shadcnUI组件库Skill shadcn-ui
shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。
JavaScript/TypeScript开发Skill javascript-typescript
该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。