design-bible

Official

Enforce token-driven UI design consistency.

Authorautomata-network
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Design teams struggle to maintain visual consistency across components, platforms, and teams without a single source of truth.

Core Features & Use Cases

  • Token-driven design that derives visuals from a centralized set of design tokens for typography, color, spacing, and borders.
  • Style catalogue enforcement that ensures components align with a selected UI style (e.g., Hypereth, 1RPC) including necessary component overrides to preserve fidelity.
  • Accessibility, motion, and responsive rules baked into the bible to support scalable design systems across devices.

Quick Start

Select a UI style catalogue and start implementing a component that adheres to its tokens and component rules.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-bible
Download link: https://github.com/automata-network/claude-plugins/archive/main.zip#design-bible

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.