From ko-design-md
Fetches a Korean brand's published design.md from the getdesign.kr catalog and applies its design language (colors, typography, spacing, radius, components, do's & don'ts) to the current project's UI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ko-design-md:use-design-mdThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
The ko-design-md catalog (https://getdesign.kr) publishes one `design.md` per Korean
The ko-design-md catalog (https://getdesign.kr) publishes one design.md per Korean
service — a compact, machine-readable description of that brand's visual language:
colors in OKLCH, typography, spacing, radius, signature components, and do's & don'ts.
This skill is the consumer side: it pulls the right entry and uses it as the design
brief for UI work in whatever project you are currently in.
It does three things, in order:
slug.design.md (and, if useful, its token sidecar).design-md (don't mix them up)use-design-md (this skill) — CONSUME an existing entry. Runs in any repo.
"Make my dashboard look like Toss", "apply Karrot's style to this screen".design-md (the other skill) — PRODUCE a new entry, adding a brand to the catalog.
Only runs inside the ko-design-md repo.If the user wants to add or edit a catalog entry, stop and point them at design-md.
That is a different job in a different place.
Fetch the catalog index (llms.txt format, ~one line per entry):
curl -s https://getdesign.kr/llms.txt
Each entry line looks like:
- [토스](https://getdesign.kr/services/toss/llms.txt): finance — <tagline>
Match the user's mention to a slug. The user may say a Korean name ("토스", "당근"), an English name ("Toss", "Karrot"), a design-system name ("SEED Design", "Vapor UI"), or the slug itself ("seed-design"). Match against the link text (name) AND the slug in the URL; the tagline often names the design system, which helps disambiguate.
Outcomes:
AskUserQuestion.design-md skill, inside the ko-design-md repo). Do not fabricate a
design.md for an uncatalogued brand — that defeats the point of citing a real source.See references/endpoints.md for the full endpoint map and fallbacks.
Fetch the raw entry:
curl -s https://getdesign.kr/services/<slug>/llms.txt
Use curl (Bash), not WebFetch, for the entry. WebFetch summarizes and transforms
content through a model, which silently drops exact token values — an OKLCH triple, a
13px spacing step, a specific weight. The whole reason to pull from the catalog is
fidelity to the brand's real numbers, so fetch the bytes verbatim. WebFetch is an
acceptable last resort only when Bash/curl is genuinely unavailable.
If you need tokens as structured data (e.g. to generate a Tailwind theme or a CSS variable block programmatically), also fetch the sidecar from GitHub raw — there is no getdesign.kr endpoint for it yet:
curl -s https://raw.githubusercontent.com/CaesiumY/ko-design-md/main/services/<slug>.tokens.json
Read the design.md fully before applying anything. The prose carries intent — the do's & don'ts, the voice — that the token JSON alone doesn't capture.
This is the real work, and it's project-specific. Read references/apply-guide.md and
follow it. In short:
superpowers:brainstorming; in other agents, an equivalent brainstorming step);
for a small restyle, just go.superpowers:verification-before-completion).Vapor UI, SEED Design, …), its package names, or its
class prefixes in the UI you generate — use the user's own product naming. See
references/apply-guide.md §6.npx claudepluginhub caesiumy/ko-design-md --plugin ko-design-mdPulls a ready-made DESIGN.md from the VoltAgent/awesome-design-md library (73+ brand design systems) as a starting point for a project's design layer, then adapts it to the real client.
Loads and applies brand design systems from the awesome-design-md library. Supports single brand, multi-brand mixing, project re-analysis, and catalog listing.
Designs distinctive, non-generic web UIs using a strategy-first approach: define brand identity, typography, color system, then craft layout, components, motion, and accessibility. Activates on build/design requests to avoid AI-default aesthetics.