前端开发 Skill技能列表
优质前端设计技能Skill frontend-design
此技能专注于开发独特、生产级的前端界面，强调高质量创意设计和避免通用AI美学。用于构建Web组件、页面或应用程序，提供精致代码和美学优化，提升用户体验和视觉吸引力。关键词：前端开发、创意设计、Web界面、美学优化、生产级代码。
Web设计指南审查Skill web-design-guidelines
这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。
前端设计Skill frontend-design
此技能专注于创建独特、生产级的前端接口，强调高质量设计、创意美学和避免通用AI风格。适用于构建网页组件、页面、应用程序等，注重细节、字体、颜色、动效和空间构成，以实现令人难忘的用户体验。关键词：前端设计、UI设计、网页开发、创意接口、生产级、美学设计、UI/UX。
React组件生成器Skill react-component-generator
这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。
TailwindCSSSkill tailwindcss
Tailwind CSS 是一个实用优先的CSS框架，专为快速用户界面开发设计，支持响应式布局、暗黑模式、自定义主题和设计系统构建，适用于各种Web框架，如React、Vue、Svelte等。关键词：CSS框架、实用优先、响应式设计、暗黑模式、UI开发、前端工具。
shadcnUI组件库Skill shadcn-ui
shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。
Next.js前端框架Skill nextjs
Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。
颜色调色板生成器Skill color-palette-generator
这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。
React用户界面模式Skill react-ui-patterns
这个技能提供React应用中处理加载状态、错误处理和异步数据获取的现代UI模式。它适用于构建UI组件、管理异步数据或处理UI状态，包括骨架屏、错误显示、按钮状态和表单提交等模式，旨在提升用户体验和应用性能。关键词：React, UI模式, 加载状态, 错误处理, 数据获取, 前端开发, 用户界面, 用户体验, 骨架屏, 乐观更新。
Zustand状态管理技能Skill zustand-state-management
这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。