Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

UI/UX Generation Protocol — measured AI agent skill | DecimalAI

bilal140202/design-system

NewSkillScoreMaintained

Rules for generating visual interfaces and parsing DESIGN.md files.

by bilal140202

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

decimalai skills pull bilal140202-design-system

Get this skill — curl · raw file

curl -fsSL https://app.decimal.ai/s/bilal140202-design-system/SKILL.md

Raw file: /s/bilal140202-design-system/SKILL.md ↗ · machine-readable summary at /s/bilal140202-design-system.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 5h ago

Yes — +9% lift · at higher cost+26% tokens0% turns27% of whole cases pass with skill (6/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-04	✗→✓	▲ Improved	26%	0%
case-16	✗→✓	▲ Improved	13%	0%
case-11	✓→✓	＝ Same ✓	47%	0%
case-20	✓→✓	＝ Same ✓	-2%	0%
case-21	✓→✓	＝ Same ✓	112%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/2/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

bilal140202 / the-lord-of-the-skills

skills/isengard/claude-code/LuisSambrano__antigravity-config/SKILL.md

View on GitHub ↗

License MITImported 8/2/2026Version v1

Skill contents

SKILL.md

UI/UX Generation Protocol

When generating graphical components, interfaces, or any front-end elements, you must follow this exact procedure:

1. Locate the Blueprint

Autonomously look for a DESIGN.md file in the root of the active workspace. This file dictates the absolute truth for typography, color tokens, margins, and the overall design system.

2. Remote Fallback (awesome-design-md)

If the user specifies a known brand style (e.g., "make it look like Vercel" or "Vercel style") and no local DESIGN.md exists, fetch the standard from https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/[brand]/DESIGN.md using web search or URL reading tools.

3. The "Minimal Glass" Protocol (Default Fallback)

If no DESIGN.md exists and no brand is specified:

Never use solid primary colors.
Use bg-white/5 or bg-black/40 with backdrop-blur-xl.
Shadows must be subtle and layered.
Add micro-animations on hover (scale-105 duration-300).
Ensure WCAG AA contrast on overlays.
Keep typography strictly modern (no Times New Roman, avoid standard Arial/Roboto if alternatives like Geist or Inter are available).

Want to see if bilal140202/design-system would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.