前端开发 Skill技能列表
Makepad基础技能Skill makepad-basics
这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。
Makepad字体渲染技能Skill makepad-font
Makepad字体渲染技能是一个专业用于在Makepad框架中进行字体配置、文本布局和GPU-based文本渲染的工具。它利用SDF（签名距离场）技术确保文本在任何分辨率下保持清晰，支持字体家族、大小、样式配置，以及文本整形和布局管理。关键词：Makepad, 字体渲染, 文本布局, SDF, GPU, 字体配置, 文本整形, 字体图集, 前端开发, UI框架
Makepad路由技能Skill makepad-router
这是一个用于Makepad框架的问答路由技能，帮助开发者处理Makepad和Robius相关的UI开发问题，包括部件设计、布局管理、事件处理、动画效果和着色器编写等。关键词：Makepad, Robius, UI开发, Rust框架, 路由技能, 前端开发, 量化交易专家不适用此内容。
Robius状态管理技能Skill robius-state-management
这个技能提供了在基于Robrix和Moly代码库的Makepad应用中实现状态管理和持久化的最佳实践。它涵盖了应用状态结构设计、状态通过Scope在组件树中传播、持久化层实现（如保存和加载状态）、以及跨会话管理UI状态。关键词包括：状态管理、持久化、AppState、Scope、serde、主题切换、状态传播、保存状态、加载状态。
Three.js三维网页开发Skill threejs
Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。
UI组件生成技能Skill ui
这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
动效设计技能Skill motion-design
动效设计技能专注于创建用户界面中的动画效果，包括HUD动画、时序管理、弹簧物理、微交互等，旨在提升用户体验、提供反馈并确保可访问性。适用于前端开发、UI设计和性能优化场景。关键词：动效设计、UI动画、前端动画、CSS动画、JavaScript动画、性能优化、无障碍设计、HUD动画。
Shopify开发Skill shopify
Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言，支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。
Web设计指南审查Skill web-design-guidelines
这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。
ClaudeAI工件构建工具套件Skill artifacts-builder
这是一个用于创建复杂Claude.ai HTML工件的工具套件，基于现代前端技术如React、Tailwind CSS和shadcn/ui，支持状态管理、路由等高级功能，帮助开发者快速构建多组件前端应用。关键词：前端开发、React、TypeScript、Vite、Tailwind CSS、shadcn/ui、HTML工件、Claude.ai、工具套件、状态管理、路由。
MarkdownURL代理Skill markdown-url
Markdown URL 代理技能是一个自动化工具，用于将网页URL重写为通过markdown.new服务访问，从而获取页面的Markdown格式内容。该技能主要用于网页内容提取、文档阅读、笔记整理和文本摘要，适用于技术文档、博客文章、GitHub讨论等只读场景。它能提供更干净、可复制的文本视图，提升信息处理效率。关键词：Markdown转换，URL重写，内容提取，网页转Markdown，文档整理，自动化工具。