How do I make Cursor design like Fable 5?

Install the free Fable Design System with the one-line installer, restart Cursor, and ask it to build a page. The skill makes Cursor declare a palette, type pairing, spacing, and motion before building, so the output has Fable-style taste instead of generic Tailwind.

Do I need a special prompt to get Fable-style design?

No special prompt is required once the skill is installed — the agent applies the Fable design persona automatically. You just ask for the page you want.

Does it work with Claude Code and Codex too?

Yes. The installer auto-detects Claude Code, Codex, and Antigravity/Gemini and installs the skill into each.

Free · MIT · open source

How to Make Cursor & Claude Code Design Like Fable 5

One install. No special prompt needed.

Install the free, open-source Fable Design System with one command, restart your agent, and ask it to build a page. Cursor, Claude Code, Codex, and Antigravity then declare a palette, type pairing, spacing, and motion before building — producing Fable-style UI instead of generic Tailwind.

Get it on GitHub What it changes

Install (one command)

curl -fsSL https://raw.githubusercontent.com/ajantoniou/fable-design-system/main/install.sh | bash

Auto-detects Claude, Codex, and Antigravity/Gemini. No sudo. Restart your agent and build.

Three steps to Fable-style output

1. Install

Run the one-line script — it installs the skill into every agent you have.

2. Restart

Restart your agent so it picks up the design persona.

3. Build

Ask for a hero, landing page, or pricing section — it designs with taste, no extra prompt.