前端开发 Skill技能列表
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。
Web工件构建器Skill web-artifacts-builder
Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术，帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能，并能将完整的前端应用打包为单个HTML文件，便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词：Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发
TypeScript工具类型Skill typescript-utility-types
此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术，用于创建灵活、类型安全的TypeScript代码，提升开发效率和代码质量。关键词：TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。
城市旅游网站构建器Skill city-tourism-website-builder
这个技能用于研究和创建现代、动画化的城市旅游网站，包括历史事实、旅游地点和多彩设计。它提供全面研究流程、前端开发技术（如HTML、CSS、JavaScript）和OpenStreetMap集成，适合开发者、设计师或旅游行业构建交互式网站，关键词包括城市旅游网站构建、前端开发、旅游网站设计、OpenStreetMap、IPFS托管。
CSS布局助手Skill css-layout-helper
CSS布局助手是一个工具，用于帮助前端开发者解决CSS布局问题，如对齐和间距，通过解释问题并推荐flexbox或grid布局，提供修复方案。关键词包括CSS布局、前端开发、flexbox、grid、响应式设计、对齐、间距、布局问题修复。
软件UI/UX设计Skill software-ui-ux-design
此技能专注于设计和优化软件用户界面与用户体验，涵盖UI设计、UX研究、可访问性审核（如WCAG标准）、设计系统定义、流程优化和转化率提升（CRO），适用于Web、iOS、Android和桌面平台，包括AI/自动化UX模式。关键词：UI设计，UX设计，可访问性，设计系统，用户体验优化，WCAG，CRO，前端开发。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。