huashu-design SKILL.md skillB

huashu-design from hhu3637kr/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add hhu3637kr/skills/huashu-design@git:20260616.4e81a9c

Pins git:20260616.4e81a9c in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
hhu3637kr/skills
Path
huashu-design/SKILL.md
Versions recorded
3
Latest version
git:20260616.4e81a9c, committed Jun 16, 2026
First version recorded
Apr 22, 2026
Size
56,146 bytes
Repository stars
146
License
none declared

当用户需要用 HTML 交付高保真视觉产出时使用:交互原型、设计 Demo、HTML 幻灯片、动画 Demo、设计变体、移动应用 mockup、可视化、导出 MP4/GIF,或请求设计风格、配色、视觉方向、设计评审。不要用于生产级 Web App、SEO 网站、后端系统、普通网页开发或只需文字建议的设计讨论;这些应走 frontend-dev 或常规回答。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 花叔Design · Huashu-Design

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

**HTML是工具,但你的媒介和产出形式会变**——做幻灯片时别像网页,做动画时别像Dashboard,做App原型时别像说明书。**根据任务embody对应领域的专家**:动画师/UX设计师/幻灯片设计师/原型师。

## 使用前提

这个skill专为「用HTML做视觉产出」的场景设计,不是给任何HTML任务用的万能勺。适用场景:

- **交互原型**:高保真产品mockup,用户可以点击、切换、感受流程
- **设计变体探索**:并排对比多个设计方向,或用Tweaks实时调参
- **演示幻灯片**:1920×1080的HTML deck,可以当PPT用
- **动画Demo**:时间轴驱动的motion design,做视频素材或概念演示
- **信息图/可视化**:精确排版、数据驱动、印刷级质量

不适用场景:生产级Web App、SEO网站、需要后端的动态系统——这些用frontend-design skill。

## 核心原则 #0 · 事实验证先于假设(优先级最高,凌驾所有其他流程)

> **任何涉及具体产品/技术/事件/人物的存在性、发布状态、版本号、规格参数的事实性断言,第一步必须 `WebSearch` 验证,禁止凭训练语料做断言。**

**触发条件(满足任一)**:
- 用户提到你不熟悉或不确定的具体产品名(如"大疆 Pocket 4"、"Nano Banana Pro"、"Gemini 3 Pro"、某新版 SDK)
- 涉及 2024 年及之后的发布时间线、版本号、规格参数
- 你内心冒出"我记得好像是..."、"应该还没发布"、"大概在..."、"可能不存在"的句式
- 用户请求给某个具体产品/公司做设计物料

**硬流程(开工前执行,优先于 clarifying questions)**:
1. `WebSearch` 产品名 + 最新时间词("2026 latest"、"launch date"、"release"、"specs")
2. 读 1-3 条权威结果,确认:**存在性 / 发布状态 / 最新版本号 / 关键规格**
3. 把事实写进项目的 `product-facts.md`(见工作流 Step 2),不靠记忆
4. 搜不到或结果模糊 → 问用户,而不是自行假设

**反例**(2026-04-20 真实踩过的坑):
- 用户:"给大疆 Pocket 4 做发布动画"
- 我:凭记忆说"Pocket 4 还没发布,我们做概念 demo"
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add hhu3637kr/skills/huashu-design@sha256:3fc26110e2fb39bf

The line at the top of this page pins the label git:20260616.4e81a9c, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_66veooudpuam6mki.svg)](https://markdownregistry.com/a/art_66veooudpuam6mki)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Apr 22, 2026 and Jun 16, 2026, about one every 27 days.

versioncommittedcommitsizeaudit
git:20260616.4e81a9c latest2026-06-16 4e81a9c 56,146 BB view · diff
git:20260428.f30fb502026-04-28 f30fb50 56,115 BB view · diff
git:20260422.3d1417c2026-04-22 3d1417c 57,458 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (56146 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

hhu3637kr/skills · 146 stars · license none declared · pushed 2026-11-06 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_66veooudpuam6mki
GET https://markdownregistry.com/api/v1/resolve?ref=hhu3637kr/skills/huashu-design
GET https://markdownregistry.com/api/v1/blob/3fc26110e2fb39bf0509bd9a070de9e08edd41ef05de8caa2c3f72cb94536a44

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from hhu3637kr/skills

AGENTS.md AGENTS.md file
hhu3637kr/skills · AGENTS.md
git:20260908.b554d33 · audit A · 146 stars
CLAUDE.md CLAUDE.md file
hhu3637kr/skills · CLAUDE.md
git:20260809.5529781 · audit A · 146 stars
android-native-dev SKILL.md skill
hhu3637kr/skills · android-native-dev/SKILL.md · Use when the user is developing, reviewing, or troubleshooting a native Android app, especially Kotlin/Compose…
v1.0.0 · audit A · 146 stars
book2skill SKILL.md skill
hhu3637kr/skills · cangjie-skill/SKILL.md · Distill a book into a coherent set of executable skills. Use when the user asks to "拆书" / "蒸馏一本书" / "把 XX 书做成 skill" /…
git:20260616.4e81a9c · audit A · 146 stars
darwin-skill SKILL.md skill
hhu3637kr/skills · darwin-skill/SKILL.md · Darwin Skill (达尔文.skill): autonomous skill optimizer inspired by Karpathy's autoresearch. Evaluates SKILL.md files…
git:20260616.4e81a9c · audit A · 146 stars
exp-reflect SKILL.md skill
hhu3637kr/skills · exp-reflect/SKILL.md · 当任务完成、解决困难问题、用户要求总结经验/记录项目理解/更新项目规范,或 spec-end/spec-update 需要从当前 Spec 文档判断是否沉淀经验、知识、SOP、工具记忆、长期项目规范时使用。本 Skill 只做识别 +…
git:20260923.a4b35af · audit A · 146 stars
exp-search SKILL.md skill
hhu3637kr/skills · exp-search/SKILL.md · 经验检索 Skill,根据关键词搜索项目历史记忆(经验记忆+知识记忆+程序记忆SOP+工具记忆+Auto Memory只读)。触发场景:开始复杂任务前、遇到问题时、需要查找历史解决方案、查找项目理解文档。
git:20260808.cc3dbc1 · audit A · 146 stars
exp-write SKILL.md skill
hhu3637kr/skills · exp-write/SKILL.md · 记忆写入 Skill,将重大经验写入 spec/context/experience/ 或知识记忆写入 spec/context/knowledge/,并更新对应索引(不写 MEMORY.md)。触发场景:`/exp-write…
git:20260923.a4b35af · audit A · 146 stars
find-skills SKILL.md skill
hhu3637kr/skills · find-skills/SKILL.md · Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is…
git:20260622.71b252e · audit A · 146 stars
frontend-dev SKILL.md skill
hhu3637kr/skills · frontend-dev/SKILL.md · Use when the user asks to build a polished web UI or frontend experience: landing pages, marketing/product sites…
v1.0.0 · audit A · 146 stars
fullstack-dev SKILL.md skill
hhu3637kr/skills · fullstack-dev/SKILL.md · Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app…
v1.0.0 · audit A · 146 stars
gif-sticker-maker SKILL.md skill
hhu3637kr/skills · gif-sticker-maker/SKILL.md · Convert photos (people, pets, objects, logos) into 4 animated GIF stickers with captions. Use when: user wants to…
v1.2 · audit A · 146 stars

Every file in hhu3637kr/skills

Other files named huashu-design

huashu-design SKILL.md skill
mxyhi/ok-skills · huashu-design/SKILL.md · 花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI…
v3.0.0 · audit A · 510 stars
huashu-design SKILL.md skill
tekkiiiii/the-agency · skills/huashu-design/SKILL.md · 花叔Design(Huashu-Design)——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介,根据任务embody不同专家(UX设计师/动画师/幻灯片设计…
git:20260508.9e8707b · audit B · 7 stars
huashu-design SKILL.md skill
biraj2004/huashu-skills-english · huashu-design-en/SKILL.md · Design philosophy consultant — recommends 3 directions from 20 styles, generates visual demos, and AI prompts. Use when…
git:20260427.852f5b5 · audit A · 3 stars

Browse by kind, by grade B, or by owner.