#982 by GitHub stars

dominikmartn/hue

Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a design skill', 'generate design language', 'new design system skill', 'design skill inspired by X', 'design skill from this screenshot', '/hue', or 'use hue'. Also triggers for 'rem

Design Marketing

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

`SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

a910e31cd24b → a910e31cd24b

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → a910e31cd24b

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit a910e31cd24b45b9455c0c3502150413aa5a3b32

885GitHub stars

30stars in 7 days

1skill in this repository

0commits in 30 days

Heat

6.4

Star growth, last 7 daysAhead of 94% of tracked repositories
Star growth, last 24 hoursAhead of 96% of tracked repositories
Rank movement, last 7 daysAhead of 57% of tracked repositories
Commits, last 30 daysAhead of 0% of tracked repositories
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Individual skills in this repository

hue /

How it works

hue

When your agent uses it

Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a design skill', 'generate design language', 'new design system skill', 'design skill inspired by X', 'design skill from this screenshot', '/hue', or 'use hue'. Also triggers for 'remix my design skill' or 'make my skill more X'.

What it loads into context

Frontmatter

97 tokens

Always available to the agent

SKILL.md

15,179 tokens

When the skill is activated

Reference documents

60,938 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

Platform Tools
1. INPUT ANALYSIS
2. WORKFLOW
3. QUALITY STANDARDS
4. FRONTMATTER RULES
5. TONE & VOICE
6. ITERATION
7. REFERENCE TEMPLATES

Scripts executed separately

scripts/validate.mjs

Files

.gitignoreasset12 bytes
LICENSEasset1,071 bytes
README.mddoc2,834 bytes
SKILL.mdcore62,649 bytes
SKILL.mdcore62,649 bytes
SKILL.mdcore62,649 bytes
SKILL.mdcore62,649 bytes
SKILL.mdcore62,649 bytes
docs/2026-04-17-cross-platform-codex.mddoc16,983 bytes
examples/atlas/design-model.yamlasset8,138 bytes
examples/atlas/landing-page.htmlasset36,075 bytes
examples/auris/design-model.yamlasset8,611 bytes
examples/auris/landing-page.htmlasset27,567 bytes
examples/drift/design-model.yamlasset8,559 bytes
examples/drift/landing-page.htmlasset40,711 bytes
examples/fizz/design-model.yamlasset9,871 bytes
examples/fizz/landing-page.htmlasset41,587 bytes
examples/halcyon/component-library.htmlasset189,940 bytes
examples/halcyon/design-model.yamlasset8,656 bytes
examples/halcyon/landing-page.htmlasset27,131 bytes
examples/index.htmlasset33,221 bytes
examples/kiln/design-model.yamlasset8,621 bytes
examples/kiln/landing-page.htmlasset44,492 bytes
examples/ledger/design-model.yamlasset8,565 bytes
examples/ledger/landing-page.htmlasset47,117 bytes
examples/meadow/design-model.yamlasset18,219 bytes
examples/meadow/landing-page.htmlasset35,446 bytes
examples/orivion/design-model.yamlasset6,791 bytes
examples/orivion/landing-page.htmlasset31,121 bytes
examples/oxide/design-model.yamlasset8,792 bytes
examples/oxide/landing-page.htmlasset22,384 bytes
examples/prism/design-model.yamlasset8,753 bytes
examples/prism/landing-page.htmlasset34,771 bytes
examples/relay/design-model.yamlasset8,167 bytes
examples/relay/landing-page.htmlasset43,924 bytes
examples/ridge/app-screen.htmlasset38,998 bytes
examples/ridge/design-model.yamlasset6,820 bytes
examples/ridge/landing-page.htmlasset36,140 bytes
examples/solvent/design-model.yamlasset9,319 bytes
examples/solvent/landing-page.htmlasset43,255 bytes
examples/stint/app-screen.htmlasset39,828 bytes
examples/stint/design-model.yamlasset6,246 bytes
examples/stint/landing-page.htmlasset36,380 bytes
examples/thrive/design-model.yamlasset9,881 bytes
examples/thrive/landing-page.htmlasset34,603 bytes
examples/velvet/design-model.yamlasset9,179 bytes
examples/velvet/landing-page.htmlasset39,759 bytes
references/app-screen-template.mddoc11,376 bytes
references/background-graphics.mddoc20,293 bytes
references/background-shaders.mddoc20,458 bytes
references/component-library-template.mddoc32,273 bytes
references/components-template.mddoc19,847 bytes
references/hero-stage.mddoc38,913 bytes
references/icon-kits.mddoc10,480 bytes
references/landing-page-template.mddoc17,172 bytes
references/platform-mapping-template.mddoc13,282 bytes
references/preview-template.mddoc10,761 bytes
references/skill-template.mddoc2,111 bytes
references/tokens-template.mddoc12,749 bytes
scripts/validate.mjsruns18,227 bytes

Read SKILL.md


# Design Skill Generator

You are a senior product designer who creates design language specifications for AI coding assistants (Claude Code, Codex, and compatible tools). You don't design interfaces — you design the *system* that designs interfaces. Every skill you generate must be opinionated enough that two different sessions using it would produce visually indistinguishable output.

Your reference material lives in `references/`. Use it.

## Platform Tools

This skill runs on multiple AI coding assistants. Use whichever tool exists in your session — prefer the left column when available.

| Capability | Claude Code | Codex / other |
|---|---|---|
| Read file | `Read` | shell: `cat -n`, `sed -n` |
| Write new file | `Write` | `apply_patch` or shell |

View the complete source on GitHub

Skills included

Repository facts

License: MIT
Created: Apr 12, 2026
Last pushed: Jun 11, 2026
Forks: 70
Open issues: 2
Project activity: Slowing

Rank over the last 12 weeks

Now #982 · best #641 · down 221 in 30 days

#984 on Nov 1
#989 on Nov 2
#994 on Nov 3
#988 on Nov 4
#985 on Nov 5
#982 since Nov 6

49 earlier periods

#642 on Aug 2
#634 on Aug 7
#631 on Aug 8
#636 on Aug 9
#664 on Aug 10
#665 on Aug 12
#663 on Aug 13
#641 on Aug 15
#652 on Aug 16
#666 on Aug 17
#682 on Aug 18
#693 on Aug 24
#696 on Aug 25
#677 on Aug 26
#686 on Aug 27
#714 on Aug 28
#660 on Aug 30
#696 on Aug 31
#708 on Sep 1
#698 on Sep 2
#706 on Sep 3
#682 on Sep 4
#669 on Sep 5
#690 on Sep 6
#704 on Sep 7
#731 on Sep 8
#725 on Sep 10
#703 on Sep 13
#730 on Sep 14
#733 on Sep 16
#697 on Sep 19
#774 on Sep 30
#740 on Oct 2
#761 on Oct 5
#825 on Oct 8
#791 on Oct 9
#772 on Oct 11
#798 on Oct 12
#786 on Oct 17
#773 on Oct 18
#830 on Oct 20
#844 on Oct 21
#826 on Oct 23
#788 on Oct 24
#962 on Oct 25
#975 on Oct 28
#977 on Oct 29
#978 on Oct 30
#983 on Oct 31

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 4, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 4 notes

SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed

No broad tool permissions
1 dangerous shell commandin 1 file: examples/oxide/landing-page.html:615
216 network referencesin 46 files: examples/ridge/landing-page.html:8 examples/velvet/landing-page.html:8 references/icon-kits.md:44 and 43 more
No hidden or obfuscated text
No instruction overrides
1 executable scriptin 1 file: scripts/validate.mjs:1
No access to secrets
No requests to vote in Hot

Show all 218 signals by file

`README.md`

Network accessline 5

see it in action: **[hueapp.io](https://hueapp.io)**

Network accessline 16

git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue

Network accessline 22

git clone https://github.com/dominikmartn/hue ~/.agents/skills/hue

Network accessline 27

git clone https://github.com/dominikmartn/hue "${CODEX_HOME:-$HOME/.codex}/skills/hue"

`SKILL.md`

Network accessline 48

**Preferred: Use Chrome DevTools MCP when available.** Text-only URL fetching (WebFetch or curl) returns paraphrased or raw HTML that can miss computed values (border-radius, accent colors, background treatments). If Chrome DevTools MCP too

Network accessline 473

match_score: "high"      # high / medium / low       match_reasoning: "Phosphor regular matches the observed stroke weight (~1.5px), rounded terminals, and humanist form language. Iconoir would be second choice for a closer hand-drawn feel,

Network accessline 474

match_reasoning: "Phosphor regular matches the observed stroke weight (~1.5px), rounded terminals, and humanist form language. Iconoir would be second choice for a closer hand-drawn feel, but Phosphor's broader glyph set wins."       cdn: "

Network accessline 475

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`docs/2026-04-17-cross-platform-codex.md`

Network accessline 126

- [ ] **Step 1: Update URL section header to include curl fallback tier**

Network accessline 139

**Preferred: Use Chrome DevTools MCP when available.** Text-only URL fetching (WebFetch or curl) returns paraphrased or raw HTML that can miss computed values (border-radius, accent colors, background treatments). If Chrome DevTools MCP too

Network accessline 365

see it in action: **[hueapp.io](https://hueapp.io)**

Network accessline 376

git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue

Network accessline 382

git clone https://github.com/dominikmartn/hue ~/.agents/skills/hue

Network accessline 387

git clone https://github.com/dominikmartn/hue "${CODEX_HOME:-$HOME/.codex}/skills/hue"

`examples/atlas/design-model.yaml`

Network accessline 155

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

Network accessline 156

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 157

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

`examples/atlas/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

`examples/auris/design-model.yaml`

Network accessline 167

name: "Phosphor"     weight: "thin"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/thin/style.css"

Network accessline 168

weight: "thin"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/thin/style.css"     icon_class_prefix: "ph-thin ph-"

Network accessline 169

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/thin/style.css"

`examples/auris/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500&family=Inter:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/thin/style.css">

`examples/drift/design-model.yaml`

Network accessline 173

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 174

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 175

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/drift/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/fizz/design-model.yaml`

Network accessline 167

name: "Phosphor"     weight: "fill"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"

Network accessline 168

weight: "fill"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"     icon_class_prefix: "ph-fill ph-"

Network accessline 169

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"

`examples/fizz/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,700;0,800;0,900;1,700;1,800;1,900&family=Inter:wght@400;500;600&family=DM+Sans:ital,wght@0,400;0,500;1,500;1,700&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css">

`examples/halcyon/component-library.html`

Network accessline 5

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Halcyon · Component Library</title> <link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 6

<title>Halcyon · Component Library</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 7

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 8

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 9

<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 10

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/halcyon/design-model.yaml`

Network accessline 173

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 174

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 175

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/halcyon/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/index.html`

Network accessline 5

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hero Stage — Proof Library</title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" re

Network accessline 6

<title>Hero Stage — Proof Library</title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> <style>

Network accessline 7

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

`examples/kiln/design-model.yaml`

Network accessline 151

name: "Phosphor"     weight: "fill"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"

Network accessline 152

weight: "fill"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"     icon_class_prefix: "ph-fill ph-"

Network accessline 153

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css"

`examples/kiln/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/fill/style.css">

Network accessline 12

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/bold/style.css">

Network accessline 274

position: absolute;     inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitc

Network accessline 275

inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColo

Network accessline 276

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values

`examples/ledger/design-model.yaml`

Network accessline 152

name: "Phosphor"     weight: "bold"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/bold/style.css"

Network accessline 153

weight: "bold"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/bold/style.css"     icon_class_prefix: "ph-bold ph-"

Network accessline 154

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/bold/style.css"

`examples/ledger/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=PT+Serif:wght@400;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

Network accessline 12

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/bold/style.css">

`examples/meadow/design-model.yaml`

Network accessline 245

match_score: "medium-high"       match_reasoning: "Phosphor regular matches observed stroke weight (1.5px) and humanist form language. It is less hand-drawn than mymind's real icons — Iconoir would be closer on the wobbly axis, but Phosphor

Network accessline 246

match_reasoning: "Phosphor regular matches observed stroke weight (1.5px) and humanist form language. It is less hand-drawn than mymind's real icons — Iconoir would be closer on the wobbly axis, but Phosphor's broader glyph coverage wins fo

Network accessline 247

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/meadow/landing-page.html`

Network accessline 5

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Meadow. A place for what you can't afford to forget</title> <link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 6

<title>Meadow. A place for what you can't afford to forget</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 7

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 8

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 9

<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

Network accessline 10

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

`examples/orivion/design-model.yaml`

Network accessline 166

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 167

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 168

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/orivion/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/oxide/design-model.yaml`

Network accessline 170

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

Network accessline 171

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 172

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

`examples/oxide/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

Network accessline 613

<div class="hero-cta-row">       <div class="cta-shell">         <span class="prompt"><span class="pf">$</span>curl oxide.sh | sh</span>

Network accessline 614

<div class="cta-shell">         <span class="prompt"><span class="pf">$</span>curl oxide.sh | sh</span>         <button class="copy-btn">copy</button>

Dangerous shell operationline 615

<span class="prompt"><span class="pf">$</span>curl oxide.sh | sh</span>

Network accessline 615

<span class="prompt"><span class="pf">$</span>curl oxide.sh | sh</span>

`examples/prism/design-model.yaml`

Network accessline 161

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

Network accessline 162

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 163

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

`examples/prism/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

Network accessline 12

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/duotone/style.css">

Network accessline 237

pointer-events: none;     opacity: 0.08;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'

Network accessline 238

opacity: 0.08;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='10

Network accessline 239

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%2

`examples/relay/design-model.yaml`

Network accessline 150

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

Network accessline 151

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 152

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

`examples/relay/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

Network accessline 1130

<span class="meta">14:18 · live</span>         </div>         <svg class="pmap-svg" viewBox="0 0 480 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 1131

</div>         <svg class="pmap-svg" viewBox="0 0 480 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">           <!-- grid -->

Network accessline 1132

<svg class="pmap-svg" viewBox="0 0 480 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

`examples/ridge/app-screen.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/ridge/design-model.yaml`

Network accessline 155

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 156

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 157

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/ridge/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

Network accessline 207

z-index: 1;     pointer-events: none;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.28'/></svg>");

Network accessline 208

pointer-events: none;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.28'/></svg>");     mask-image: radial-gradie

Network accessline 209

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.28'/></svg>");

Network accessline 525

content: "";     position: absolute; inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1' fill='%2394A3B8' opacity='0.10'/></svg>");

Network accessline 526

position: absolute; inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1' fill='%2394A3B8' opacity='0.10'/></svg>");     mask-image: radial-

Network accessline 527

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1' fill='%2394A3B8' opacity='0.10'/></svg>");

Network accessline 727

content: "";     position: absolute; inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.18'/></svg>");

Network accessline 728

position: absolute; inset: 0;     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.18'/></svg>");     mask-image: radia

Network accessline 729

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%2394A3B8' opacity='0.18'/></svg>");

Network accessline 948

</div>                 </div>                 <svg class="chart-svg" viewBox="0 0 600 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">

Network accessline 949

</div>                 <svg class="chart-svg" viewBox="0 0 600 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">                   <!-- Grid lines -->

Network accessline 950

<svg class="chart-svg" viewBox="0 0 600 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">

`examples/solvent/design-model.yaml`

Network accessline 176

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 177

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 178

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/solvent/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap" rel="style

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

Network accessline 987

<span>4 nodes &middot; 3 edges</span>           </div>           <svg viewBox="0 0 460 260" xmlns="http://www.w3.org/2000/svg">

Network accessline 988

</div>           <svg viewBox="0 0 460 260" xmlns="http://www.w3.org/2000/svg">             <defs>

Network accessline 989

<svg viewBox="0 0 460 260" xmlns="http://www.w3.org/2000/svg">

`examples/stint/app-screen.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/stint/design-model.yaml`

Network accessline 152

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 153

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 154

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/stint/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/thrive/design-model.yaml`

Network accessline 175

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

Network accessline 176

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 177

cdn: "https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css"

`examples/thrive/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400;1,9..144,500&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400&display=swap" rel="styleshee

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

`examples/velvet/design-model.yaml`

Network accessline 160

name: "Phosphor"     weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

Network accessline 161

weight: "regular"     cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"     icon_class_prefix: "ph ph-"

Network accessline 162

cdn: "https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css"

`examples/velvet/landing-page.html`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">

Network accessline 11

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2.1.2/src/regular/style.css">

Network accessline 939

<span class="frame-tag-right">N<sup>o</sup> 01</span>             <div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 940

<div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">                 <defs>

Network accessline 941

<svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 985

<span class="frame-tag-right">N<sup>o</sup> 02</span>             <div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 986

<div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">                 <defs>

Network accessline 987

<svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 1029

<span class="frame-tag-right">N<sup>o</sup> 03</span>             <div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

Network accessline 1030

<div class="bottle-stage">               <svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">                 <defs>

Network accessline 1031

<svg class="bottle" viewBox="0 0 200 280" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">

`references/background-graphics.md`

Network accessline 161

inset: 0;   pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacity='0.4'/></svg>");

Network accessline 162

pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacity='0.4'/></svg>"); }

Network accessline 163

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacity='0.4'/></svg>");

Network accessline 317

inset: 0;   pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'>...</svg>");

Network accessline 318

pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'>...</svg>");   opacity: 0.5;

Network accessline 319

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'>...</svg>");

`references/component-library-template.md`

Network accessline 270

<meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>{{skill-name}} — Component Library</title>   <link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 271

<title>{{skill-name}} — Component Library</title>   <link rel="preconnect" href="https://fonts.googleapis.com">   <link href="https://fonts.googleapis.com/css2?family={{google-fonts-query}}" rel="stylesheet">

Network accessline 272

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 273

<link href="https://fonts.googleapis.com/css2?family={{google-fonts-query}}" rel="stylesheet">

`references/hero-stage.md`

Network accessline 124

.bg-pattern-dots {   position: absolute; inset: 0; pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacit

Network accessline 125

position: absolute; inset: 0; pointer-events: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacity='0.4'/></svg>");

Network accessline 126

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><circle cx='12' cy='12' r='1.2' fill='%23748297' opacity='0.4'/></svg>");

`references/icon-kits.md`

Network accessline 44

<link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css">

Network accessline 70

<link rel="stylesheet" href="https://unpkg.com/lucide-static@1.8.0/font/lucide.css">

Network accessline 95

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.41.1/dist/tabler-icons.min.css">

Network accessline 120

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@v7.11.0/css/iconoir.css">

Network accessline 145

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0">

Network accessline 169

**Usage.** Heroicons ships as SVG — no webfont CDN. In generated previews, use inline SVG from `https://heroicons.com/` or the jsDelivr SVG path:

Network accessline 216

match_score: "high"     match_reasoning: "Iconoir is the only kit in the pool with intentional hand-drawn irregularity. Stroke weight (2px) is slightly heavier than observed (~1.75px), but the humanist personality matches. Phosphor thin wou

Network accessline 217

match_reasoning: "Iconoir is the only kit in the pool with intentional hand-drawn irregularity. Stroke weight (2px) is slightly heavier than observed (~1.75px), but the humanist personality matches. Phosphor thin would be second choice but

Network accessline 218

cdn: "https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@v7.11.0/css/iconoir.css"

`references/platform-mapping-template.md`

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link href="https://fonts.googleapis.com/css2?family={{google-fonts-url-params}}&display=swap" rel="stylesheet">

`scripts/validate.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 3 facts

Network access in code of documentationREADME.md:16Low confidence
Network access in code of documentationREADME.md:22Low confidence
Network access in code of documentationREADME.md:27Low confidence

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Compatible	Standard SKILL.md SKILL.md	`.claude/skills/<skill-name>/`
Codex	Compatible	Standard SKILL.md SKILL.md	`.agents/skills/<skill-name>/`
Cursor	Compatible	Standard SKILL.md SKILL.md	`.cursor/skills/<skill-name>/`
Gemini CLI	Compatible	Standard SKILL.md SKILL.md	`.gemini/skills/<skill-name>/`
GitHub Copilot	Compatible	Standard SKILL.md SKILL.md	`.github/skills/<skill-name>/`
OpenCode	Compatible	Standard SKILL.md SKILL.md	`.opencode/skills/<skill-name>/`

Native The repository ships a manifest, folder or frontmatter field for this agent.
Compatible A standard SKILL.md that this agent can read.
Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Add this badge to your README

It updates every night and links to this page.

[![dominikmartn/hue on hotskills](https://hotskills.dev/badge/dominikmartn-hue.svg)](https://hotskills.dev/skill/dominikmartn-hue/)

dominikmartn/hue

History

SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

hue

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Rank over the last 12 weeks

Before you install

README.md

SKILL.md

docs/2026-04-17-cross-platform-codex.md

examples/atlas/design-model.yaml

examples/atlas/landing-page.html

examples/auris/design-model.yaml

examples/auris/landing-page.html

examples/drift/design-model.yaml

examples/drift/landing-page.html

examples/fizz/design-model.yaml

examples/fizz/landing-page.html

examples/halcyon/component-library.html

examples/halcyon/design-model.yaml

examples/halcyon/landing-page.html

examples/index.html

examples/kiln/design-model.yaml

examples/kiln/landing-page.html

examples/ledger/design-model.yaml

examples/ledger/landing-page.html

examples/meadow/design-model.yaml

examples/meadow/landing-page.html

examples/orivion/design-model.yaml

examples/orivion/landing-page.html

examples/oxide/design-model.yaml

examples/oxide/landing-page.html

examples/prism/design-model.yaml

examples/prism/landing-page.html

examples/relay/design-model.yaml

examples/relay/landing-page.html

examples/ridge/app-screen.html

examples/ridge/design-model.yaml

examples/ridge/landing-page.html

examples/solvent/design-model.yaml

examples/solvent/landing-page.html

examples/stint/app-screen.html

examples/stint/design-model.yaml

examples/stint/landing-page.html

examples/thrive/design-model.yaml

examples/thrive/landing-page.html

examples/velvet/design-model.yaml

examples/velvet/landing-page.html

references/background-graphics.md

references/component-library-template.md

references/hero-stage.md

references/icon-kits.md

references/platform-mapping-template.md

scripts/validate.mjs

How the signals fit together

Works with

You might also use

funboy322/avoid-ai-design

uxKero/anydesign

op7418/guizang-social-card-skill

op7418/guizang-yingzao-skill

aerovato/magic-compact

edvardgrishin27/nativeprompt

Add this badge to your README

`SKILL.md`

`README.md`

`SKILL.md`

`docs/2026-04-17-cross-platform-codex.md`

`examples/atlas/design-model.yaml`

`examples/atlas/landing-page.html`

`examples/auris/design-model.yaml`

`examples/auris/landing-page.html`

`examples/drift/design-model.yaml`

`examples/drift/landing-page.html`

`examples/fizz/design-model.yaml`

`examples/fizz/landing-page.html`

`examples/halcyon/component-library.html`

`examples/halcyon/design-model.yaml`

`examples/halcyon/landing-page.html`

`examples/index.html`

`examples/kiln/design-model.yaml`

`examples/kiln/landing-page.html`

`examples/ledger/design-model.yaml`

`examples/ledger/landing-page.html`

`examples/meadow/design-model.yaml`

`examples/meadow/landing-page.html`

`examples/orivion/design-model.yaml`

`examples/orivion/landing-page.html`

`examples/oxide/design-model.yaml`

`examples/oxide/landing-page.html`

`examples/prism/design-model.yaml`

`examples/prism/landing-page.html`

`examples/relay/design-model.yaml`

`examples/relay/landing-page.html`

`examples/ridge/app-screen.html`

`examples/ridge/design-model.yaml`

`examples/ridge/landing-page.html`

`examples/solvent/design-model.yaml`

`examples/solvent/landing-page.html`

`examples/stint/app-screen.html`

`examples/stint/design-model.yaml`

`examples/stint/landing-page.html`

`examples/thrive/design-model.yaml`

`examples/thrive/landing-page.html`

`examples/velvet/design-model.yaml`

`examples/velvet/landing-page.html`

`references/background-graphics.md`

`references/component-library-template.md`

`references/hero-stage.md`

`references/icon-kits.md`

`references/platform-mapping-template.md`

`scripts/validate.mjs`