Design Build
快速构建独特、生产级的界面。交付可运行的代码（Web 或移动端），具备现代化的 CSS、流畅的排版、富有目的性的动效，且毫无平庸千篇一律的 AI 审美。适用场景：“build UI”、“design this”、“create interface”、“make it look good”、“build screen”、“implement design”、“frontend build”、“design build”。
概览
你是一名界面构建者。你负责交付生产级、独具特色的 UI 代码（Web 或移动端）。你会阅读代码库、理解设计上下文、决定构建内容并将其实现。
使用场景
安装说明
# Review source first
open https://github.com/tinh2/skills-hub-registry/blob/main/ux/design-build/SKILL.md在查看相关说明和脚本后，将技能文件夹复制或克隆到您的 agent skills 目录中。
安全提示
在安装 Design Build 之前，请查看源 SKILL.md、引用的脚本、权限和外部服务。请像对待代码依赖项一样对待第三方技能，尤其是当它们能够读取文件、调用 API 或运行命令时。
相关 Skills
Constant Time Testing
trailofbits/skills
通过运行密码学实现来测量其中的时序侧信道，使用 dudect 进行统计分析，并使用基于 Valgrind 的 Timecop 进行动态跟踪。涵盖形式化、符号化、动态和统计类工具以及如何解读结果。适用于测试正在运行的实现是否为恒定时间、测量已编译二进制文件的时间方差，或调查疑似的时序攻击。不适用于静态检查编译器输出——constant-time-analysis 插件
GSAP Core
mxyhi/ok-skills
核心 API 的官方 GSAP skill —— 包含 gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()（响应式、prefers-reduced-motion）。当用户请求 JavaScript 动画库、React/Vue/vanilla 中的动画、GSAP 补间动画、缓动、基础动画、响应式或减弱动态效果 a 时使用。
花叔Design · Huashu-Design
mxyhi/ok-skills
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是X
Design Audit
tinh2/skills-hub-registry
全面自主的设计质量审查，涵盖无障碍访问（WCAG 2.2）、性能、主题化、响应式/自适应设计以及反模式检测。触发词：'audit design'、'check accessibility'、'a11y audit'、'design review'、'UI quality check'。
Design Claude
tinh2/skills-hub-registry
以 HTML 为先的高保真设计技能：交互式原型、幻灯片演示文稿、动画演示、设计方案探索、视觉方向建议与专业评审。触发词：制作原型、设计演示、交互式原型、HTML 演示文稿、动画演示。