SKILLEMALL.ai
GitHub ↗ RU Sign in

AF frontend-design-extractor

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

modbender/skill-library-mcp Agent Skills author: modbender MIT 1 file body ≈ 1 962 tokens Open the sourcegithub.com↗ analyzed 2 d ago

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

As a process F 42/100 · Will not run — References files that are not bundled: scripts/scan_ui_sources.sh, scripts/generate_output_skeleton.sh, references/design-extraction-checklist.md

ProcedureSoftware 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
A
90/100
safety, quality, tests
Safety 60%
100
Quality 40%
75
Run on models
none yet
Process rating
F
42/100
Will not run
References files that are not bundled: scripts/scan_ui_sources.sh, scripts/generate_output_skeleton.sh, references/design-extraction-checklist.md
Tools and files w 18
0
Inputs and preconditions w 11
0
Failures and branches w 10
0
the three weakest of ten parameters · all ten

How to improve

  1. 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: 1. Evidence is masked. Grey chips explain why severity was lowered.

Against the Agent Skills spec

  • warning missing-ref reference to a missing file: scripts/scan_ui_sources.sh
  • warning missing-ref reference to a missing file: scripts/generate_output_skeleton.sh
  • warning missing-ref reference to a missing file: references/design-extraction-checklist.md

Process rating: all ten parameters 42/100

Will not run. References files that are not bundled: scripts/scan_ui_sources.sh, scripts/generate_output_skeleton.sh, references/design-extraction-checklist.md
  • 0Tools and files. 3 referenced file(s) missing: scripts/scan_ui_sources.sh, scripts/generate_output_skeleton.sh, references/design-extraction-checklist.md
  • 0Inputs and preconditions. Does not say what the process needs to start
  • 0Failures and branches. Linear process with no failure handling
  • 0Progress reporting. Says nothing while it works
  • 30Running it twice. 5 mutating operations with no state check
  • 50When it triggers. No condition that starts the skill
  • 60Result and completion. Output format stated, no completion criterion
  • 85Steps. 68 steps, 2 vague phrases
  • 100Consistency. Name and required fields are in place
  • 100Execution cost. Instruction body is 1962 tokens

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)
  • +1No license
  • +2Single-language instructions
  • +3Description length 350: enough signal without eating the budget
  • +4Structure: 26 headings
  • +3Step-by-step instructions: 68 items
  • +3Output format is stated explicitly
  • +4Has examples (4 code blocks)

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