stitch-loop
stitch-loop 是一个面向智能体的前端构建循环技能，教智能体用 Stitch 以“接力棒”模式自主迭代生成网站页面：读取任务、生成页面、集成到站点，并写下下一轮任务。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,357 个结果
tailwind-design-system
一个面向 Tailwind CSS v4 的设计系统技能，指导用 CSS 优先配置、设计令牌、组件变体、响应式模式与无障碍方式搭建可扩展的组件库，并涵盖 v3 到 v4 的迁移要点与原生暗色模式。
threejs-animation
Three.js 动画技能，聚焦在 Three.js 中实现关键帧动画、骨骼动画、变形目标（morph targets）与动画混合。资料说明其适用场景包括为对象制作动画、播放 GLTF 动画等。核心内容围绕动画系统三大组件展开：AnimationClip（关键帧数据容器）、AnimationMixer（在根对象上播放动画）、AnimationAction（控制单个片段的播放状态）。文档给出了从快速上手（Clock 驱动的过程式动画循环）到关键帧轨道类型（Number、Vector、Quaternion、Color、Boolean、String）的使用方法，并涵盖插值模式、淡入淡出与交叉淡化、GLTF 动画加载、骨骼与骨骼挂载点、变形目标权重控制、动画混合与additive 混合、动画工具函数（查找、子片段、转换为 additive、克隆、优化）以及过程式动画模式（平滑阻尼、弹簧物理、振荡）。同时提供若干性能建议，如共享片段、优化片段、离屏暂停、LOD 与限制活动 mixer 数量。
threejs-fundamentals
Three.js 基础技能，用于搭建 3D 场景。涵盖场景、相机（透视/正交/阵列/立方体相机）、渲染器、Object3D 层级、坐标系等核心概念，并提供快速上手代码。适用于初始化 3D 场景、创建相机与配置渲染器等任务。
threejs-interaction
Three.js 交互技能，聚焦于在 Three.js 场景中处理用户输入与对象交互。内容涵盖射线检测（Raycaster）实现点击拾取、鼠标与触摸坐标转换、多种相机控制器（OrbitControls、FlyControls、FirstPersonControls、PointerLockControls、TrackballControls、MapControls、TransformControls、DragControls）、对象选择与悬停高亮、框选、键盘输入、世界坐标与屏幕坐标互转、射线与平面求交，以及事件处理与性能优化建议。适用于需要在 3D 场景中实现点击检测、相机控制、对象拖拽与选择等交互功能的开发场景。
threejs-loaders
Three.js 资源加载技能，涵盖 GLTF/GLB 模型、纹理、HDR/EXR 环境贴图等资源的加载方式与异步模式。适用于在 Three.js 项目中加载 3D 模型、纹理、HDR 环境，或管理加载进度。提供 LoadingManager 进度跟踪、纹理配置、Draco/KTX2 压缩、多种模型格式（OBJ、FBX、STL、PLY）、Promise 异步加载、缓存与错误处理等示例代码。
threejs-textures
Three.js 纹理技能，涵盖纹理类型、UV 映射、环境贴图与纹理设置。适用于处理图像、UV 坐标、立方体贴图、HDR 环境等场景。内容包括纹理加载（TextureLoader、Promise 封装）、色彩空间与包裹模式配置、过滤与 mipmap、常规/数据/画布/视频/压缩纹理、立方体贴图与 HDR 环境贴图、渲染目标与深度纹理、CubeCamera 动态环境贴图、UV 映射与纹理图集、PBR 材质贴图组合、程序化纹理生成，以及纹理内存管理与性能优化建议。
wcag-audit-patterns
WCAG 2.2 无障碍审计技能，提供自动化测试、人工验证与修复建议，用于审计网站、修复违规、构建无障碍组件以及满足 ADA、Section 508、VPAT 等合规要求。
building-ui-ux
该技能用于实现用户界面与体验，强调先探索设计变体、收集反馈并迭代，最后完成集成。适用于前端开发中的 UI/UX 实现流程，包含环境启动、变体对比、反馈修改与接线等步骤。
diagram-scaffolder
diagram-scaffolder 是一个面向教程内容开发的技能，用于为 Markdown 教程生成可交互的图表 React 组件，并接入教程自定义的 Markdown 渲染流程。当需要新增可视化示意图、架构插图（如系统图、流程图），或构建带可点击阶段/节点的交互式可视化，或为 :::diagram 块提供后端 React 组件时使用。新增图表需在 4 个文件协同改动：图表组件文件、diagrams 目录的 barrel 导出、StepCard.tsx 中的解析分支与导入、以及 Markdown 内容引用。组件遵循命名约定（Markdown 名 kebab-case，组件名 PascalCase 且以 Diagram 结尾），并提供静态与交互两种模板、统一配色与图标规范，以及无障碍要求（role=figure、data-diagram、aria-label、可键盘操作按钮）。
pr-lifecycle
微软 microsoft-ui-reactor 仓库的贡献者工具技能，用于把已推送的 PR 推进到可评审状态：执行一次 pr-review、修复问题、循环处理 Copilot 评审与 CI，直至收敛。不负责合并。
pr-review
面向 microsoft/microsoft-ui-reactor 仓库的 PR 与功能分支多维审查技能，通过并行子代理对分支、工作区或暂存改动做安全、正确性、API 人体工学、替代方案、测试覆盖、文档示例、打包与多模型交叉核对，并汇总为分级报告。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化技能，包含 8 大类共 64 条按影响优先级排列的规则，用于在编写、审查或重构 React/Next.js 代码时提供自动化重构与代码生成指导。
vscode-react-webview-architecture
Rayfin VS Code 扩展中 React Webview 的架构规范，说明渲染入口、文件组织、组件层级、状态管理、Fluent UI 集成、样式约定与自定义 Hook 等模式，适用于创建或修改 webview 组件时参考。
vscode-webview-trpc-messaging
在 Rayfin VS Code 扩展中，为扩展宿主（服务端）与 React webview（客户端）提供基于 tRPC 的类型安全通信方案，覆盖查询、变更、订阅与取消。
webview-trpc-messaging
在 VS Code 扩展宿主与 React webview 之间实现基于 tRPC 的类型安全 RPC 通信，适用于创建新的 webview 过程（查询、变更、订阅）与控制器。
tailwind-modern
一套面向 Tailwind CSS 的编码规范技能，主张以 Tailwind v4 优先的写法产出样式代码、配置与自定义模式；在仓库明确固定为 v3 时可选保持兼容或做最小化迁移，覆盖类名编写、代码审查与 v3 到 v4 升级。
review-componentization
用于审查设计转代码后组件化判断的盲评规则技能。它不检查像素或 lint，而是由未参与转换的新上下文评审组件抽取依据、命名层级、token 升降级与状态归属，并给出可引用规则的结论。
mobile-web-consultant
移动优先 PWA/响应式 Web 应用开发顾问技能，通过多智能体协作把移动应用想法转化为完整规格文档，覆盖需求、线框、UX、PWA 架构、流程图、触控交互、路线图与移动端 QA。
webapp-consultant
将模糊需求转化为 HTML + Tailwind + vanilla JS 客户端 Web 应用详细规格的技能，编排 8 个专用智能体，依次产出需求、线框图、UX 规格、技术架构、流程图、动画、路线图与 QA 报告。
complete-html-output
一个用于约束大语言模型输出行为的技能：要求生成落地页时输出完整 HTML，禁止省略、占位符或“后续同理”等截断模式，并在超长时以暂停标记分段续写。
issue-viz
将 issue-todo 生成的 .issue/graph.json 渲染为自包含的交互式 HTML 力导向图，用于可视化探索议题之间的依赖与关联关系。支持整体、可开工前沿、关键路径与 ego 视图。
edit-deployed-website
该技能用于修改、修订、重新设计、修复或更新已经部署上线的网站，适用于需要对现有公开网站进行变更的请求。技能强调直接复用工作区内已有的站点源码（来自 Desktop Edit 入口提供的 node_id 与 source_path），在原项目基础上改动，沿用原有锁文件与包管理器，运行受影响的测试并执行真实构建命令，确认构建产物根目录存在常规 index.html。发布前需说明这是在原节点上就地更新以保留原节点及其主、别名 URL，并说明 source_path 会上传到私有云存储且当前没有密钥扫描器，请用户确认源码不含敏感信息并取得明确的发布同意，之后才调用 website_deploy 工具。
agency-frontend-patterns
Agency Frontend Patterns 是 moai-adk 中面向 AI Agency 项目的前端开发规范技能，用于统一技术栈选择、组件架构、文件结构与编码约定，约束代码实现决策，确保实现与设计规范和用户技术偏好保持一致。