esther-design-system
Installation
SKILL.md
Esther Design System
Skill by ara.so — Design Skills collection.
Esther Design System is a constraint-based design system for AI agents that transforms content into brand-consistent HTML pages. It enforces strict visual rules (colors, fonts, layouts, components) to ensure every AI-generated page looks cohesive and "not like generic AI output."
What It Does
- Converts content → branded HTML pages for 4 scenarios: tutorials, landing pages, apps, social media cards
- Constrains AI creativity via predefined layouts, components, and strict brand rules
- Enforces quality through a mandatory 7-step workflow + P0/P1/P2 checklist
- Prevents "AI look" by banning common patterns (glassmorphism, gradients, default HTML styles)