前端开发 Skill技能列表
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
城市旅游网站构建器Skill city-tourism-website-builder
这个技能用于研究和创建现代、动画化的城市旅游网站，包括历史事实、旅游地点和多彩设计。它提供全面研究流程、前端开发技术（如HTML、CSS、JavaScript）和OpenStreetMap集成，适合开发者、设计师或旅游行业构建交互式网站，关键词包括城市旅游网站构建、前端开发、旅游网站设计、OpenStreetMap、IPFS托管。
同步构造异步属性模式Skill sync-construction-async-property-ui-render-gate-pattern
一种软件设计模式，用于在需要异步初始化的客户端中实现同步构造和异步属性，使模块可导出并在UI组件中同步使用，避免顶级await问题。适用于前端开发，如SvelteKit应用，通过UI渲染门确保异步工作完成后才渲染UI。关键词：同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。
TailwindCSS组件模式构建Skill tailwind-components
这个技能专注于使用Tailwind CSS创建和维护可重用的前端组件模式，涵盖组件提取策略、@apply指令的合理使用、设计系统集成以及最佳实践如Class Variance Authority和条件类管理。关键词：Tailwind CSS, 组件模式, 前端开发, 可重用组件, 设计系统, 实用程序优先。
TypeScript工具类型Skill typescript-utility-types
此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术，用于创建灵活、类型安全的TypeScript代码，提升开发效率和代码质量。关键词：TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。
Set和Map高效查找优化Skill js-set-map-lookups
该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。
前端构建工具套件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设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
ESLint配置Skill eslint-configuration
ESLint配置技能专注于JavaScript代码质量的检查和规范设置，提供全面的配置文件、插件、环境配置知识，适用于前端开发、代码审查和CI/CD集成。关键词：ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。
网页到MarkdownSkill web-to-markdown
这个技能用于将网页转换为Markdown格式，特别适合处理JavaScript渲染的页面。它通过本地浏览器自动化工具（Puppeteer）和内容提取库（Readability）实现，可以生成干净的Markdown输出，便于内容管理和分析。关键词：网页转换、Markdown、Puppeteer、Readability、JS渲染、内容提取。