前端开发 Skill技能列表
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。
URL转Markdown工具Skill baoyu-url-to-markdown
本技能使用Chrome DevTools协议（CDP）抓取网页并将HTML转换为干净的Markdown文件，支持自动捕获和等待用户信号模式，适用于保存网页内容、处理需要登录的动态页面，关键词包括URL抓取、HTML转Markdown、网页保存、自动化工具、Chrome CDP、Markdown转换。
Three.js三维网页开发Skill threejs
Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。
Makepad事件与动作处理技能Skill makepad-event-action
这个技能专注于Makepad框架中的事件和动作处理，用于处理鼠标、键盘、触摸等用户输入事件，定义和传播动作以实现GUI组件交互。关键词包括：Makepad、事件处理、动作系统、GUI开发、Rust编程、用户界面、交互设计。
Makepad布局技能Skill makepad-layout
Makepad布局技能是一个专门用于Makepad UI框架的布局系统工具，帮助开发者编写布局代码、解释布局概念，如宽度、高度、对齐等，并生成Rust代码模式。关键词：Makepad, UI布局, Rust, 前端开发, 布局系统, GUI设计
Makepad路由技能Skill makepad-router
这是一个用于Makepad框架的问答路由技能，帮助开发者处理Makepad和Robius相关的UI开发问题，包括部件设计、布局管理、事件处理、动画效果和着色器编写等。关键词：Makepad, Robius, UI开发, Rust框架, 路由技能, 前端开发, 量化交易专家不适用此内容。
现代JavaScript模式Skill modern-javascript-patterns
这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。
UI组件生成技能Skill ui
此技能用于生成用户界面（UI）组件和反馈表单，支持前端开发中的英雄区域、表单设计等元素，适用于网站和应用的界面构建及用户反馈收集。关键词：UI组件，反馈表单，前端开发，用户界面设计，表单生成，可访问性，SEO优化。
视频自动生成技能Skill generate-video
该技能用于自动生成产品演示视频，通过代码分析、AI图像生成和并行处理技术，实现高效视频制作。适用于产品推广、视觉文档生成等场景。关键词：视频生成、自动化、产品演示、Remotion、AI技术、代码分析、并行处理。
UI组件生成技能Skill ui
这个技能专注于生成用户界面组件和反馈表单，用于网站和应用的前端开发。它包括约束管理、组件生成和表单创建，强调可访问性和用户体验优化。适用于UI设计、前端工程、用户反馈收集和可访问性检查。关键词：UI组件、反馈表单、前端开发、可访问性、用户体验、生成技能。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。
HUD状态行配置技能Skill hud
这个技能用于配置Claude Code的抬头显示（HUD），允许用户自定义状态行的布局、预设和显示元素，以增强开发体验。关键词：HUD配置, 状态行, Claude Code, 插件设置, 抬头显示