Muffled studio design

Skill muffled-studio/muffled.skills/skills/muffled-studio-design

Use when generating branded UI, HTML mocks, marketing surfaces, or when the user asks for muffled.studio look-and-feel. Not for shadcn registry install steps (use muffled-ui).From its SKILL.md

Install

npx -y skills add muffled-studio/muffled.skills --skill muffled-studio-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.5 KB, 358 tokens by cl100k_base, as published. Nobody here has run it

Read references/README.md in this skill first (vendored brand guide). Explore references/assets/ for logos.

For static mocks and throwaway prototypes: copy assets from references/assets/ and output standalone HTML the user can open. For production apps using @muffled, also load muffled-ui for install and compose rules.

Consumers get design tokens via @muffled/theme after install — do not point at paths in other repos. Token concepts are summarized below.

Quick reference

Two colours: ink #1A1A1A, paper #F5F5F5. Utility hues only when they mean something.
Type: Space Mono for headings/eyebrows/code (400 + 700 only), Space Grotesk for body/labels/UI (300–700). Mechanical headline, humanist body.
Spacing: 4px base unit.
Radius: 6px default, held loosely.
Borders: 0.5px only. No 1px.
Shadows: none.
Motion: drift (220ms) for transitions, snap (90ms) for interactions. Nothing bounces.
Voice: dry, precise, direct, "we", lowercase, no exclamation marks, no emoji.
One rule: less.

Files

references/README.md       · brand guide (read this first)
references/assets/         · logo-light.svg · logo-dark.svg

Install this skill

bunx skills add muffled-studio/muffled.skills --skill muffled-studio-design -a cursor -a claude-code -y

What ships with it: 3 files

10.9 KB alongside SKILL.md