Glassmorphism1/8
Eight styles. One page. Never mix.

Eight styles
behind the system.

The Morphism gives any agent eight exact styles, four dials, and named anti-patterns. One style per page. No drift. No purple gradients.

Start building View recipes
SOC 2 ready Eight styles ready No lock in. Export anytime.
morphism.skill — 8 styles — zero slop
color.ink#1a1a1a
color.paper#ffffff
color.accent#4f46e5
space.416px
radius.card16px
type.displayGeist 600
Eight styles ready — pick one, ship it — 0 slopView diff
8 styles · 4 dialsOne style per page — never mix
Solutions

Three things the skill gets right.

Most AI output looks the same. The Morphism makes it intentional — one style per page, four dials, exact recipes.

01

Exact recipes

Eight exact CSS recipes with Tailwind v4 equivalents. No guessing. No drift. Copy, tune the dials, ship.

Learn more
02

Four dials

DEPTH / SOFTNESS / TRANSLUCENCY / GLOW. Four dials gate every blur, radius, shadow, and glow. Tune one value, every surface updates.

Learn more
03

Named tells

THE PILL BADGE, THE EM-DASH, THE SOFT SHADOW. Every anti-pattern is named so the agent recognizes and avoids it.

Learn more
Showcase

One canvas for design and code.

The agent reads the brief, picks one style, and dresses the shape. Glass floats over a rich background. Neo slabs with hard shadows. Swiss grids with opacity.

  • Eight exact recipes — CSS-first, Tailwind v4 ready
  • Four dials — DEPTH / SOFTNESS / TRANSLUCENCY / GLOW
  • Named anti-patterns — THE PILL BADGE, THE SOFT SHADOW, and more
View recipesRead the skill
Token graph
color.ink→text.primary
color.paper→bg.surface
dials→5 / 4 / 8 / 0
Component preview
Card · The Morphism
AgentsHermes · Claude · Cursor
Testimonials

Teams that stopped shipping slop.

"Finally an agent that does not default to purple gradients. The dials actually mean something."

Priya NairDesign Lead, Flux

"Our landing stopped looking AI-generated on the first try. One style, exact recipe, done."

Marco ChenCTO, Atlas Labs

"The Before You Ship checklist caught the pill badge before we shipped it. Saved us a redesign."

Sofia ReyesBrand Ops, Ciel
Why us

Why teams stay after the migration.

Most skills add slop. The Morphism removes it. One style per page, four dials, exact recipes — versioned like code, shipped like taste.

08stylesGlass, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss, Bauhaus.
04dialsDEPTH / SOFTNESS / TRANSLUCENCY / GLOW. Every decision gated.
∞zero slopNamed tells kept out of every page. By design, not by luck.
One style per pageThe skill refuses to mash glass with neo on one page. That is the whole point.
No em-dash, no emojiZero em-dashes anywhere visible. Zero emoji as icons. The skill enforces taste.
Agent-agnosticHermes, Claude Code, Codex, Cursor, Cline — one SKILL.md, thin entry files, any agent.

Start with your brief.

Describe the page you want. The agent picks the style, sets four dials, and ships. One style per page. No mixing.

Import Figma fileTalk to a human
FAQ

Questions we get every week.

If yours is not here, write to us. We answer ourselves.