前端开发 Skill技能列表
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
TypeScript专家Skill typescript-expert
此技能专为解决TypeScript和JavaScript开发中的高级问题，涵盖类型级编程、性能优化、monorepo管理、迁移策略和现代工具集成。适用于复杂类型操作、构建性能调试、代码架构决策等场景，提升开发效率和质量。关键词：TypeScript, JavaScript, 类型安全, 性能优化, 代码调试, 迁移策略, 工具链, 前端开发。
TailwindCSSv4模式Skill tailwind-patterns
Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。
Tailwind设计系统Skill tailwind-design-system
这个技能专注于利用Tailwind CSS框架构建和维护可扩展的设计系统，涵盖设计令牌、组件变体、响应式布局和可访问性标准，旨在提升前端开发效率、确保UI一致性和优化用户体验。关键词包括：Tailwind CSS, 设计系统, 设计令牌, 组件库, 响应式模式, 前端开发。
React专家Skill react-expert
此技能用于前端开发，专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序，涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词：React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。
Next.js开发专家Skill nextjs-developer
Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用，专精于App Router、服务器组件和全栈部署。关键词：Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染
Next.js最佳实践Skill nextjs-best-practices
这是一个关于Next.js App Router开发的最佳实践技能，涵盖服务器组件与客户端组件的决策树、数据获取模式、路由原则、API路由、性能优化、缓存策略和反模式等，适用于前端开发人员提升Next.js应用质量和效率。关键词包括：Next.js, App Router, 服务器组件, 数据获取, 路由, 前端开发, 性能优化, 缓存策略, 反模式。
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
PPTX演示文稿处理技能Skill pptx
PPTX 演示文稿处理技能是一个专为程序化创建、编辑和分析PowerPoint演示文稿设计的工具包。它支持文本提取、原始XML访问、HTML到PPTX转换等工作流程，适用于自动化演示文稿生成和修改，提升办公效率和视觉呈现。关键词：PPTX, PowerPoint, 演示文稿, 创建, 编辑, 分析, 程序化, 自动化, 办公软件, 幻灯片处理
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。
静态报告页面生成与托管技能Skill user-ask-for-report
此技能用于快速创建和部署静态报告网站。它使用Tailwind CSS进行样式设计，支持客户端密码保护，并可以通过Originless服务上传到IPFS进行匿名托管。适用于需要快速生成美观报告页面的场景。关键词：静态网站、Tailwind CSS、IPFS、报告生成、前端开发、密码保护。
城市旅游网站构建器Skill city-tourism-website-builder
这个技能用于研究和创建现代、动画化的城市旅游网站，包括历史事实、旅游地点和多彩设计。它提供全面研究流程、前端开发技术（如HTML、CSS、JavaScript）和OpenStreetMap集成，适合开发者、设计师或旅游行业构建交互式网站，关键词包括城市旅游网站构建、前端开发、旅游网站设计、OpenStreetMap、IPFS托管。