SKILLEMALL.ai
GitHub ↗ RU Sign in

BF huo15-openclaw-frontend-design

高保真 Web UI / 移动 H5 / iOS / Android / HarmonyOS / 微信 + 支付宝 + 抖音 + 快手 四端小程序 原生风格原型 + 大胆美学方向 + 反 AI Slop 硬红线 + 8 流派 design tokens（含 motion）系统化（CSS vars / Tailwind / Figma 三导出） + 多流派并行对比 + WCAG 2.2 AA 无障碍自动审计 + 动效 tokens + 2026 微趋势补丁（Editorial Tech / Spatial Web / AI-Backlash / Brutalist 2026）。用于构建网站、落地页、仪表盘、APP 移动端、小程序（四端）、React/Vue 组件、HTML 海报、产品详情页、信息图、设计系统、无障碍合规页面、动效系统。配套 6 大美学流派 + 4 条 2026 微趋势 + 小程序子集、15 条硬红线、Junior/Full 两趟渲染、design tokens（color / typography / spacing / radius / shadow / motion）；自验证 Claude in Chrome MCP 优先 + 多路线 fallback + axe-core / Lighthouse a11y 审计；多流派对比与 design-director v3.x 联动。触发词：做网站、做落地页、做 UI、做 APP、做 H5、做小程序、做设计系统、design tokens、做动效、motion tokens、wxml、axml、ttml、ksml、做组件、HTML 原型、页面设计、移动端设计、前端设计、做海报、做详情页、iOS 风格、安卓风格、鸿蒙风格、微信小程序、支付宝小程序、抖音小程序、快手小程序、几个方向对比、风格提案、无障碍、a11y、WCAG、Lighthouse 审计、动画时长、easing、缓动函数、Editorial Tech、Spatial Web、AI-Backlash、Brutalist 2026、2026 微趋势。

ClawHub Agent Skills author: Job Zhao v4.7.0 MIT-0 53 files body ≈ 5 993 tokens Open the sourceclawhub.ai↗ analyzed 4 d ago

As a process F 36/100 · Will not run — References files that are not bundled: ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html

ProcedureFigmaAI and agentsDesignSoftware developmenttype 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
B
77/100
safety, quality, tests
Safety 60%
100
Quality 40%
43
Run on models
none yet
Process rating
F
36/100
Will not run
References files that are not bundled: ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html
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. The SKILL.md body is over 5,000 tokens: move reference detail into references/ and load it when needed.
  3. 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 · 0

✓ No critical or high findings

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

Against the Agent Skills spec

  • warning description-no-when description does not say WHEN to use the skill (no "use when")
  • warning body-long SKILL.md body ≈ 5993 tokens (recommended < 5000); move details to references/
  • warning missing-ref reference to a missing file: ../huo15-openclaw-design-director/SKILL.md
  • warning missing-ref reference to a missing file: examples/<流派>/index.html
  • warning missing-ref reference to a missing file: examples/mobile-native/{ios,md3,harmony}/index.html
  • note frontmatter-key unknown frontmatter key "displayName"
  • note frontmatter-key unknown frontmatter key "aliases"

Process rating: all ten parameters 36/100

Will not run. References files that are not bundled: ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html
  • 0Tools and files. 3 referenced file(s) missing: ../huo15-openclaw-design-director/SKILL.md, examples/<流派>/index.html, examples/mobile-native/{ios,md3,harmony}/index.html
  • 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
  • 50Failures and branches. 0 branches, has a failure section
  • 70Execution cost. Instruction body is 5993 tokens
  • 100Steps. 160 steps
  • 100Consistency. Name and required fields are in place
  • low 11 top-level sections: this looks like several domains in one skill
  • low The response is described with custom markup (8 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 898: 120–800 characters recommended
  • +3Output format is not stated: the model decides each time
  • -5TODO / placeholder text left in the skill
  • -230 emoji in the instructions: noise for the model
  • +2Single-language instructions
  • +4Structure: 30 headings
  • +3Step-by-step instructions: 160 items
  • +4Has examples (1 code blocks)
  • +4Reference files are cited in the instructions (6 of 6)
  • +1License stated

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

External checks

ClawHub: clean
This skill is a coherent frontend design and UI verification helper, with a few workflow safety notes but no evidence of hidden, destructive, or data-stealing behavior.
LLM: benign (high) · VirusTotal: · 29 May 2026