前端开发 Skill技能列表
TailwindCSSv4模式Skill tailwind-patterns
这是一个关于 Tailwind CSS 版本4 的现代 CSS 模式技能，用于快速、可维护的前端样式开发。它基于实用优先原则，支持 CSS 原生配置、容器查询和设计令牌，提升响应式设计效率和代码维护性。关键词：Tailwind CSS, CSS 框架, 前端开发, 样式设计, 容器查询, 设计令牌, 响应式设计, 现代布局。
滚动体验Skill scroll-experience
滚动体验技能专注于设计和实现基于滚动的网络交互体验，包括滚动动画、视差叙事、互动故事和电影化网站，以提升用户沉浸感和交互性。关键词：滚动动画、视差效果、互动叙事、前端开发、用户体验设计。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
算法艺术Skill algorithmic-art
这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术
网页无障碍审计专家Skill AccessibilityAuditor
这个技能用于网页可访问性审计，确保网站符合WCAG 2.1 AA/AAA标准，实现ARIA属性，测试屏幕阅读器兼容性，并提供无障碍设计指导。关键词：网页可访问性、WCAG合规、ARIA实现、无障碍设计、屏幕阅读器测试、ADA合规。
网页构件构建器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搜索。
ASCII命令行标志横幅生成器Skill ascii-cli-logo-banner-figletjs
此技能用于生成 TAAG/FIGlet 风格的 ASCII 艺术横幅，基于 figlet.js 实现，支持水平/垂直布局控制、宽度调整、可选 ANSI 256 着色，适用于命令行工具和前端开发项目。关键词：ASCII, figlet, 横幅, 命令行, 布局控制, ANSI 着色, 开发工具。