前端开发 Skill技能列表
响应式设计模式Skill responsive-design-patterns
本技能专注于移动优先的响应式设计模式，用于创建自适应、响应式用户界面。关键要素包括断点系统、流体布局、自适应组件和触摸友好模式，适用于前端开发，提升网页和应用的跨设备兼容性和用户体验。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户界面、移动端适配。
Shopify开发Skill shopify
Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言，支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。
MakepadDSL技能Skill makepad-dsl
这个技能专注于Makepad DSL的语法和继承机制，帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发，适用于前端界面构建。关键词：Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。
Makepad字体渲染技能Skill makepad-font
Makepad字体渲染技能是一个专业用于在Makepad框架中进行字体配置、文本布局和GPU-based文本渲染的工具。它利用SDF（签名距离场）技术确保文本在任何分辨率下保持清晰，支持字体家族、大小、样式配置，以及文本整形和布局管理。关键词：Makepad, 字体渲染, 文本布局, SDF, GPU, 字体配置, 文本整形, 字体图集, 前端开发, UI框架
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
NuxtStudio设置与部署Skill NuxtStudio
此技能用于设置和部署Nuxt Studio，这是一个为Nuxt Content网站提供的免费开源可视化内容编辑器。它支持多种编辑器类型（如Monaco代码编辑器、TipTap可视化编辑器）、OAuth认证（GitHub/GitLab/Google）和基于Git的内容管理，可轻松配置子域名（如studio.domain.com）并部署到Cloudflare等平台。关键词：Nuxt Studio, Nuxt Content, 可视化编辑器, OAuth认证, Cloudflare部署, 内容管理, CMS, 前端开发
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现，提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词：网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
JavaScript开发专家Skill javascript-expert
JavaScript开发专家技能专精于利用现代JavaScript技术（包括ES6+、Node.js、浏览器API）开发高性能、安全、可维护的应用程序，涵盖异步编程、性能优化、安全编程、测试驱动开发等关键领域，适用于前端和后端开发场景。关键词：JavaScript开发、ES6特性、Node.js、浏览器API、异步编程、性能优化、安全编程、TDD测试。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。
Makepad路由技能Skill makepad-router
这是一个用于Makepad框架的问答路由技能，帮助开发者处理Makepad和Robius相关的UI开发问题，包括部件设计、布局管理、事件处理、动画效果和着色器编写等。关键词：Makepad, Robius, UI开发, Rust框架, 路由技能, 前端开发, 量化交易专家不适用此内容。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
状态管理顾问Skill state-management-advisor
这个技能专注于React应用中的状态管理，帮助开发者选择和实施合适的解决方案，包括Context、Zustand、Redux Toolkit、TanStack Query和Jotai，用于处理本地状态、全局状态和服务器状态。关键词：React状态管理，全局状态管理，服务器状态管理，前端开发。