前端开发 Skill技能列表
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
网页构件构建器Skill web-artifacts-builder
网页构件构建器是一个前端开发工具套件，专门用于创建复杂的Claude.ai HTML artifact。它利用React、TypeScript、Vite、Parcel、Tailwind CSS和shadcn/ui等现代技术，支持状态管理、路由和组件化开发，适合需要高级前端功能的项目。关键词：前端开发、React、HTML artifact、Claude.ai、状态管理、路由、shadcn/ui。
Vite使用指南Skill vite
此技能提供Vite构建工具的全面指导，覆盖从入门设置到高级配置、插件选择、API使用和部署优化，适用于前端开发项目以提升开发效率和性能。关键词：Vite, 构建工具, 前端开发, HMR, 插件, SSR, 配置, 依赖预捆绑, 资产。
uCharts图表库使用指南Skill ucharts
此技能提供uCharts图表库的全面使用指导，涵盖安装、配置、图表类型、API文档和最佳实践，适用于uni-app、微信小程序、H5和APP等平台的数据可视化开发。关键词：uCharts, 图表库, 数据可视化, uni-app, 微信小程序, 前端开发, 图表配置。
Svelte框架开发指导Skill svelte
此技能提供Svelte前端框架的全面学习与应用指导，涵盖组件开发、响应式编程、状态管理、动画过渡和编译等核心功能，帮助用户快速掌握Svelte进行高效Web应用开发。关键词：Svelte、前端框架、组件开发、响应式编程、Web开发、存储管理、编译优化。
React开发指南Skill react
此技能提供React前端开发的全方位指导，涵盖组件、JSX、props、state、hooks、context等核心概念，以及性能优化和最佳实践。适用于开发React应用、管理状态和使用hooks的场景，关键词包括React、前端开发、组件、JSX、props、state、hooks、context、性能优化和最佳实践，方便SEO搜索。
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现，提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词：网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。
颜色调色板生成器Skill color-palette-generator
这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。
Web实现技能Skill skill-web-implementation
这个技能是一个薄包装器，用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务，包括页面、组件、布局的创建和修改，并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目，帮助提高开发效率和代码质量。关键词：网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。
网页界面指南审查专家Skill web-design-guidelines
这个技能用于自动审查网页UI代码，确保其符合最新网页界面指南，提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查，关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。