democrito — Atomic Design System for AI-Native Development

AI Integration

The first open-source design system with structured AI context files: 3-file architecture to plug in your favorite vibe coding tool and LLM — fully customizable.

Three-file architecture

CLAUDE.md

Coding Rules

Project stack, code conventions, architecture rules, common mistakes. Loaded automatically by Claude Code on session start.

View on GitHub View raw

DESIGN.md

Design Philosophy

Visual principles, colour system rationale, typography rules, spacing philosophy. The "taste" layer that guides aesthetic decisions.

View on GitHub View raw

DESIGN_SYSTEM.md

Token Inventory

Complete reference of CSS custom properties, component inventory, variant specifications. The machine-readable specification.

View on GitHub View raw

Distribution

Claude, vibe coding platforms, and terminal workflows — each path fits a different setup.

Claude

Anthropic

Attach design-tokens.json as context and describe your brand. Claude generates a complete new theme in natural language.

Vibe Coding Tools

Lovable · Google Stitch · Replit

Fork the repo and prompt your visual direction. No terminal needed.

Terminal

GitHub

Edit src/index.css directly. Two variables change the whole personality.

Contact

Questions, collaborations, or feedback on democrito — reach out on LinkedIn or via hola@atomic-products.com.

Made with ❤️ from 🇪🇸 by Mariano · github.com/mmorerasanchez/democrito