Agent Skills
Ochrelle
Give AI a design sense. One master skill reasons about which visual style a product needs, and 27 specialists execute a specific style with production-quality guidance.
- Version
- 2.0.0
- Licence
- MIT
- Format
- Agent Skills: markdown and CSS
- Skills
- 1 master, 27 specialists
Why it exists
Ask an AI coding agent to make an interface look good and you usually get the same one back: a centred card, a soft gradient, a 12 pixel radius, Inter and a medium shadow. The result is technically correct and aesthetically generic, because three ingredients are missing.
- Art-direction reasoning. Models know what glassmorphism is, but they are rarely asked to weigh it against neumorphism or brutalism for the product at hand, then commit to one direction.
- Per-style craft knowledge. Neumorphism demands low-contrast monochrome surfaces; claymorphism needs three stacked shadows to read as soft 3D. Generic training data averages these away.
- Accessibility guardrails. Many expressive styles are contrast traps. Guidance must let an agent ship a bold interface without failing WCAG 2.2 AA.
How the pieces fit
- Load. The agent reads each skill's description and decides when it applies, without loading the whole body.
- Route. With the master skill loaded, the agent interviews your product context, scores candidate styles and commits to a direction.
- Execute. A specialist supplies the tokens, component recipes, anti-patterns and accessibility notes for that style.
The 27 specialists
Platform materials
Liquid Glass, glassmorphism, neumorphism, skeuomorphism, claymorphism, Material Design, spatial UI.
Typographic and editorial
Minimalism, maximalism, editorial design, brutalism, neo-brutalism, art deco, Japandi.
Culture and era
Retro design, Y2K, Frutiger Aero, cyberpunk, vaporwave, Memphis design, corporate Memphis.
Structure and tools
Bento grid, flat design, futuristic HUD, terminal console, pixel art, hand-drawn.
Install
git clone https://github.com/izynu/ochrelle.git
cd ochrelle
mkdir -p ~/.claude/skills
cp -r skills/ochrelle-design-master ~/.claude/skills/
cp -r skills/ochrelle-minimalism ~/.claude/skills/
Each skill is a self-contained folder with a SKILL.md and at least a style guide. Copy whole directories; partial copies break the relative references inside.
The name is coined, not borrowed. Ochrelle derives from ochre, the earth pigment used to make surfaces meaningful for tens of thousands of years, with a made-up suffix chosen so the whole word is unique.
See the styles before you install
The project site shows the comparison and the example showcase.