前端开发 Skill技能列表
查询层模式Skill query-layer
查询层模式是一种在前端开发中使用的技能，它通过TanStack Query和WellCrafted工厂实现UI组件与服务层之间的反应式桥梁。核心功能包括错误转换、缓存管理、运行时依赖注入和乐观更新，以提高应用性能和用户体验。关键词：查询层、TanStack Query、错误处理、缓存、反应式编程、前端开发、数据管理。
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。
YjsCRDT协作模式Skill yjs
掌握 Yjs CRDT（无冲突复制数据类型）模式，用于构建高并发实时协作应用，包括共享类型管理、冲突解决算法、文档存储优化和常见陷阱避免，适用于在线文档、协同白板、代码编辑器和团队工具开发，关键词包括 Yjs、CRDT、实时协作、冲突解决、共享类型、数据同步。
构件构建器Skill artifacts-builder
该技能用于构建交互式、自包含的HTML/JavaScript构件，包括数据可视化、计算器、迷你应用和工具，支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词：HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。
TypeScript严格类型安全实践Skill typescript-strict
该技能专注于在 TypeScript 项目中实施严格模式，通过全面的类型定义、错误处理和消除 any 类型，确保代码的类型安全，防止运行时错误，提升开发效率和代码质量。关键词：TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现（如对话框、下拉菜单、表单验证、数据表格、命令面板）、设计系统构建，以及提升开发效率和用户体验。关键词：前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发
无障碍网页开发(WCAG)Skill accessibility-wcag
此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用，确保网站对所有用户可访问，包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词：无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。
TypeScript编程技能Skill skill-name
这个技能是关于使用TypeScript进行高效Web开发和编程的，提供核心模式示例、快速入门指南和常见应用场景。关键词：TypeScript, JavaScript, 前端开发, 后端开发, Web开发, 编程技能, TypeScript示例, 代码实现。
Vite使用指南Skill vite
此技能提供Vite构建工具的全面指导，覆盖从入门设置到高级配置、插件选择、API使用和部署优化，适用于前端开发项目以提升开发效率和性能。关键词：Vite, 构建工具, 前端开发, HMR, 插件, SSR, 配置, 依赖预捆绑, 资产。
网站质量审计Skill web-quality-audit
这个技能用于执行全面的网站质量审计，基于Google Lighthouse工具，覆盖性能、可访问性、SEO和最佳实践等方面。它提供详细的问题分析、修复建议和代码示例，帮助开发者优化网站用户体验、提升搜索排名并确保技术合规。关键词包括网站审计、性能优化、可访问性测试、SEO检查、Lighthouse、前端优化、Web开发。