SKILLEMALL.ai
GitHub ↗ RU Sign in

CF huashu-design

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、做个可视化、app原型、iOS原型、移动应用mockup、导出MP4、导出GIF、60fps视频、设计风格、设计方向、设计哲学、配色方案、视觉风格、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、概念解释视频、长视频科普、配音动画、voiceover、narration、TTS+动画、5分钟讲清楚什么是XX。**主干能力**：Junior Designer工作流（先给假设+reasoning+placeholder再迭代）、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes演示、Starter Components（幻灯片外壳/变体画布/动画引擎/设备边框/解说Stage）、App原型专属守则（默认从Wikimedia/Met/Unsplash取真图、每台iPhone包AppPhone状态管理器可交互、交付前跑Playwright点击测试）、Playwright验证、HTML动画→MP4/GIF视频导出（25fps基础 + 60fps插帧 + palette优化GIF + 6首场景化BGM + 自动fade）、**带解说的长动画pipeline**（豆包TTS生人声+实测时长生timeline.json+NarrationStage驱动画面+ducking混音→交付HTML实播+发布MP4双形态；铁律：整片是一个连续的运动叙事，禁PowerPoint切换）。**需求模糊时的Fallback**：设计方向顾问模式——从5流派×20种设计哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推荐3个差异化方向，展示24个预制showcase（8场景×3风格），并行生成3个视觉Demo让用户选。**交付后可选**：专家级5维度评审（哲学一致性/视觉层级/细节执行/功能性/创新性各打10分+修复清单）。

ClawHub Agent Skills author: swang066 v1.0.0 MIT-0 80 files body ≈ 8 502 tokens Open the sourceclawhub.ai↗ analyzed 28 h ago

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design…

As a process F 34/100 · Will not run — References files that are not bundled: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png

AnalyzerPlaywrightGitHubFigmaYouTubeDesignAI and agentsMarketingtype and topics are labelled automatically from the skill text
Runs in: OpenClaw Claude / Claude Code ChatGPT / Codex Gemini CLI Cursor GitHub Copilot / VS Code Qwen Code Kimi Code CLI Z.ai (GLM) DeepSeek (Deep Code) Mistral Vibe LangChain (deepagents) Goose OpenCode
JSON
Technical rating
C
67/100
safety, quality, tests
Safety 60%
98
Quality 40%
20
Run on models
none yet
Process rating
F
34/100
Will not run
References files that are not bundled: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
Tools and files w 18
0
Result and completion w 14
0
Inputs and preconditions w 11
0
the three weakest of ten parameters · all ten

How to improve

  1. Say in the description WHEN to use the skill ("use when…", example requests): that is the agent's main cue.
  2. Shorten the description to 1024 characters.
  3. The SKILL.md body is over 5,000 tokens: move reference detail into references/ and load it when needed.
  4. The text references files that are not there: add them or drop the references.
For the model run — optional
  • Your own cases (evals/evals.json, 4–6 real requests with expected answers): the full check would then run those instead of a model-drafted suite.
  • A spec.yaml with trigger phrases and assertions — a behaviour contract for CI; `skilltest init` writes a template.

Guard findings · 2

✓ No critical or high findings

Medium and low: 2
  • low Secrets in code secret-high-entropy-token references/react-setup.md:11
    High-entropy token-like string (may be an id, hash or a credential) (quoted — discussed, not commanded)
    <script src="https://unpkg.com/re…@….3.1/umd/react-dom.development.js" integrity="sha3…L9t+IBXm…uAm" crossorigin="anonymous"></script>
    quoted
  • low Secrets in code secret-high-entropy-token references/react-setup.md:190
    High-entropy token-like string (may be an id, hash or a credential) (quoted — discussed, not commanded)
    <script src="https://unpkg.com/re…@….3.1/umd/react-dom.development.js" integrity="sha3…L9t+IBXm…uAm" crossorigin="anonymous"></script>
    quoted

Files scanned: 80. Evidence is masked. Grey chips explain why severity was lowered.

Against the Agent Skills spec

  • error description-long description is 1079 chars, limit 1024
  • warning description-no-when description does not say WHEN to use the skill (no "use when")
  • warning body-long SKILL.md body ≈ 8502 tokens (recommended < 5000); move details to references/
  • warning missing-ref reference to a missing file: assets/<brand>-brand/logo.svg
  • warning missing-ref reference to a missing file: assets/<brand>-brand/logo-white.svg
  • warning missing-ref reference to a missing file: assets/<brand>-brand/product-hero.png
  • warning missing-ref reference to a missing file: assets/<brand>-brand/product-detail-1.png
  • warning missing-ref reference to a missing file: assets/<brand>-brand/product-scene.png
  • warning missing-ref reference to a missing file: assets/<brand>-brand/ui-home.png
  • warning missing-ref reference to a missing file: assets/<brand>-brand/ui-feature-<name>.png
  • warning missing-ref reference to a missing file: assets/showcases/website-*/
  • warning missing-ref reference to a missing file: references/workflow.md
  • warning missing-ref reference to a missing file: references/slide-decks.md
  • warning missing-ref reference to a missing file: references/verification.md
  • warning missing-ref reference to a missing file: scripts/render-video.js
  • warning missing-ref reference to a missing file: scripts/convert-formats.sh
  • warning missing-ref reference to a missing file: scripts/add-music.sh
  • warning missing-ref reference to a missing file: assets/sfx/<category>/*.mp3
  • warning missing-ref reference to a missing file: references/video-export.md
  • warning missing-ref reference to a missing file: references/voiceover-pipeline.md
  • warning missing-ref reference to a missing file: scripts/export_deck_pdf.mjs
  • warning missing-ref reference to a missing file: scripts/export_deck_stage_pdf.mjs
  • warning missing-ref reference to a missing file: scripts/export_deck_pptx.mjs
  • warning missing-ref reference to a missing file: scripts/html2pptx.js
  • warning missing-ref reference to a missing file: scripts/{tts-doubao,narrate-pipeline}.mjs
  • warning missing-ref reference to a missing file: scripts/{mix-voiceover,render-narration}.sh
  • warning missing-ref reference to a missing file: references/tweaks-system.md
  • warning missing-ref reference to a missing file: scripts/verify.py
  • warning missing-ref reference to a missing file: references/xxx.md
  • warning missing-ref reference to a missing file: assets/xxx.jsx
  • warning missing-ref reference to a missing file: scripts/xxx.sh

Process rating: all ten parameters 34/100

Will not run. References files that are not bundled: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
  • 0Tools and files. 28 referenced file(s) missing: assets/<brand>-brand/logo.svg, assets/<brand>-brand/logo-white.svg, assets/<brand>-brand/product-hero.png
  • 0Result and completion. Does not say what the result is
  • 0Inputs and preconditions. Does not say what the process needs to start
  • 0Progress reporting. Says nothing while it works
  • 20When it triggers. No condition that starts the skill
  • 30Running it twice. 1 mutating operations with no state check
  • 40Execution cost. Instruction body is 8502 tokens: crowds the task out of the window
  • 50Failures and branches. 0 branches, has a failure section
  • 100Steps. 180 steps
  • 100Consistency. Name and required fields are in place
  • low 15 top-level sections: this looks like several domains in one skill
  • low The response is described with custom markup (10 tags): a typed call is more reliable

Everything here is measured from the skill text rather than judged by a model, so the numbers are checkable. A parameter weighs more when it is a more common reason for the process to stall.

Quality signals

  • +5Description has no quoted example phrases that should trigger the skill
  • +4Description does not say when NOT to use the skill (false activations)
  • +3Description length 1079: 120–800 characters recommended
  • +3Output format is not stated: the model decides each time
  • -5TODO / placeholder text left in the skill
  • -233 emoji in the instructions: noise for the model
  • +2Single-language instructions
  • +4Structure: 36 headings
  • +3Step-by-step instructions: 180 items
  • +4Has examples (10 code blocks)
  • +4Reference files are cited in the instructions (16 of 17)
  • +1License stated

Quality base 70; lint remarks subtract, signals add up to 100. Result: 20.

External checks

ClawHub: clean
This skill is a coherent design-production workflow with disclosed network, file-generation, and optional API/TTS behavior, but no evidence of hidden exfiltration, destructive actions, or deception.
LLM: benign (high) · VirusTotal: · 28 May 2026