前端开发 Skill技能列表
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
Makepad动画技能Skill makepad-animation
这个技能提供了Makepad动画系统的全面指南，专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线，适用于前端GUI开发。关键词：Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机
FigmaMCP集成Skill figma
Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。
同步构造异步属性模式Skill sync-construction-async-property-ui-render-gate-pattern
一种软件设计模式，用于在需要异步初始化的客户端中实现同步构造和异步属性，使模块可导出并在UI组件中同步使用，避免顶级await问题。适用于前端开发，如SvelteKit应用，通过UI渲染门确保异步工作完成后才渲染UI。关键词：同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查UI代码是否符合Web界面指南，提升网站的可访问性、用户体验和设计质量，适用于前端开发、设计审计和最佳实践检查。关键词：Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。
Three.js三维网页开发Skill threejs
Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。
前端设计Skill frontend-design
前端设计技能用于通过AI多模态分析、创意代码实现和独特美学，创建高质量、生产级的前端界面。它专注于避免通用AI美学，适用于Web开发、组件构建、设计复制和灵感汲取，关键词包括前端开发、AI辅助、设计指南、代码实现、美学创新。
卓越前端设计与图像集成技能Skill frontend-design-pro
这个技能专注于设计和开发高端的前端用户界面，集成了真实或自定义图像，用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。
Web设计指南审查Skill web-design-guidelines
这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。
JavaScript开发专家Skill javascript-expert
JavaScript开发专家技能专精于利用现代JavaScript技术（包括ES6+、Node.js、浏览器API）开发高性能、安全、可维护的应用程序，涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域，适用于前端和后端开发场景。关键词：JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。
无障碍与WCAG合规专家Skill accessibility-wcag
这个技能专注于网页无障碍性和WCAG 2.2合规性，确保界面对所有用户可访问，包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计，关键词：无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。
Web界面指南审查Skill web-interface-guidelines-review
这个技能用于审查Web前端代码，确保符合可访问性、用户体验和性能标准，生成按文件分组的详细审查报告，适用于代码审计、PR审查和合规报告生成。关键词：前端开发、UI审查、可访问性、性能优化、代码质量、Web界面指南、合规检查。