SKILLEMALL.ai
RU Sign in

AF token-image

Generate themed social/marketing image React components using design tokens. Produces TSX files that render to PNG. Use when the user asks to generate images, banners, cards, or social assets — e.g. "Build 4 blog banners for my React series", "Make a set of og-images", or "Generate 3 Twitter cards: Hooks, Context, Suspense".

ClawHub Agent Skills author: czl9707 v1.0.0 MIT-0 33 files · 1 script body ≈ 3 611 tokens Open the sourceclawhub.ai↗ analyzed 2 d ago

As a process F 51/100 · Will not run — References files that are not bundled: assets/<preset>/tokens.json, assets/<preset>/design-guide.md, references/default-styles.css

GeneratorPlaywrightAI 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
A
94/100
safety, quality, tests
Safety 60%
100
Quality 40%
84
Run on models
none yet
Process rating
F
51/100
Will not run
References files that are not bundled: assets/<preset>/tokens.json, assets/<preset>/design-guide.md, references/default-styles.css
Tools and files w 18
0
Result and completion w 14
0
Inputs and preconditions w 11
30
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: 33. Evidence is masked. Grey chips explain why severity was lowered.

Against the Agent Skills spec

  • warning missing-ref reference to a missing file: assets/<preset>/tokens.json
  • warning missing-ref reference to a missing file: assets/<preset>/design-guide.md
  • warning missing-ref reference to a missing file: references/default-styles.css

Process rating: all ten parameters 51/100

Will not run. References files that are not bundled: assets/<preset>/tokens.json, assets/<preset>/design-guide.md, references/default-styles.css
  • 0Tools and files. 3 referenced file(s) missing: assets/<preset>/tokens.json, assets/<preset>/design-guide.md, references/default-styles.css
  • 0Result and completion. Does not say what the result is
  • 30Inputs and preconditions. Does not say what the process needs to start
  • 70When it triggers. States when to use, but not when not to
  • 70Failures and branches. 8 branches
  • 85Steps. 65 steps, 1 vague phrases
  • 100Consistency. Name and required fields are in place
  • 100Execution cost. Instruction body is 3611 tokens
  • 100Running it twice. Mutating operations check current state
  • 100Progress reporting. Reports progress
  • low The response is described with custom markup (18 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

  • +4Description does not say when NOT to use the skill (false activations)
  • +3Output format is not stated: the model decides each time
  • +1No license
  • +2Single-language instructions
  • +5Description quotes 3 example trigger phrases
  • +3Description length 326: enough signal without eating the budget
  • +4Structure: 12 headings
  • +3Step-by-step instructions: 65 items
  • +4Has examples (8 code blocks)
  • +4Reference files are cited in the instructions (2 of 2)
  • +3All 1 scripts are documented

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

External checks

ClawHub: clean
The skill's files and runtime instructions are coherent with its stated purpose (generate themed React TSX image components and render PNGs); it requires creating a local workspace and installing npm and Playwright artifacts which are expected for this functionality.
LLM: benign (high) · VirusTotal: · 29 May 2026