花叔Design · Huashu-Design

花叔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

概览

你是一位用HTML工作的设计师,不是程序员。用户是你的manager,你产出深思熟虑、做工精良的设计作品。

使用场景

将 花叔Design · Huashu-Design 用作可重复执行的 Agent 工作流。
安装前检查上游说明和随附资源。
在兼容 Agent Skills 的运行环境中使用。

安装说明

# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/huashu-design/SKILL.md

确认来源内容安全后,将 Skill 目录复制到兼容 Agent 使用的 Skills 目录中。

安全提示

AIToolly 已自动检查已发布来源的结构和许可证。授予工作区、命令或网络权限前,请再次检查 mxyhi/ok-skills 及其随附脚本。

相关 Skills

Constant Time Testing

trailofbits/skills

前端设计

通过运行密码学实现来测量其中的时序侧信道,使用 dudect 进行统计分析,并使用基于 Valgrind 的 Timecop 进行动态跟踪。涵盖形式化、符号化、动态和统计类工具以及如何解读结果。适用于测试正在运行的实现是否为恒定时间、测量已编译二进制文件的时间方差,或调查疑似的时序攻击。不适用于静态检查编译器输出——constant-time-analysis 插件

Claude CodeClaude
securitytesting
7,190 Stars已链接来源

Baoyu Design

JimLiu/baoyu-design

前端设计

创建精美的设计产出物作为自包含的 HTML:UI 模型、交互原型、线框图、落地页、仪表板、应用界面、移动应用、幻灯片(又名 PPT / PowerPoint 演示文稿)、文档和简历、动画、3D 对象、研究报告、HTML 电子邮件、图表、传单和视觉探索。每当用户要求为界面、产品屏幕、用户流程或内容布局进行设计、制作模型、原型设计、绘制线框图、可视化、探索或制作 PPT/幻灯片时使用。

CodexClaude Code
reviewdocuments
4,115 StarsMIT

Managed Deep Agents

langchain-ai/langchain-skills

前端设计

在通过 mda CLI 于 LangSmith 中构建、测试或部署 Managed Deep Agents 时的 INVOKE THIS SKILL。端到端引导用户完成他们的首个 agent —— 深入沟通其想要构建的内容,将其映射到 MDA 的实际能力上,然后进行脚手架搭建与部署。涵盖基于文件的项目布局;define_deep_agent / defineDeepAgent;instructions、skills、memory、identity、tools、middleware、sandboxes、schedules、channels 和 evals;mda init/build/dev/deploy/logs/delete;

CodexClaude
typescriptpython
1,240 Stars已链接来源

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 时使用。

CodexClaude Code
reactsecurity
423 StarsApache-2.0

Design Build

tinh2/skills-hub-registry

前端设计

快速构建独特、生产级的界面。交付可运行的代码(Web 或移动端),具备现代化的 CSS、流畅的排版、富有目的性的动效,且毫无平庸千篇一律的 AI 审美。适用场景:“build UI”、“design this”、“create interface”、“make it look good”、“build screen”、“implement design”、“frontend build”、“design build”。

CodexClaude Code
reactdesign
16 Stars已链接来源

Design Audit

tinh2/skills-hub-registry

前端设计

全面自主的设计质量审查,涵盖无障碍访问(WCAG 2.2)、性能、主题化、响应式/自适应设计以及反模式检测。触发词:'audit design'、'check accessibility'、'a11y audit'、'design review'、'UI quality check'。

CodexClaude Code
reactdesign
16 Stars已链接来源