ritual-dapp-design
OfficialDark-mode-first design system for Ritual dApps.
Authorritual-foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Ritual dApp Design System provides a cohesive set of visual tokens, typography rules, and component patterns to ensure brand-consistent, accessible, and scalable frontend implementations across Ritual Chain projects.
Core Features & Use Cases
- Dark-mode-first color tokens and semantic palette to unify UI across apps.
- Typography, spacing, and Tailwind token guidance to accelerate frontend development.
- Async lifecycle visuals, precompile icons, and AI-safety guidelines to support reliable, high-quality interfaces.
- Design governance and reusable patterns for consistency across teams.
Quick Start
Copy the tokens and styles into your Ritual front-end project and start styling components with the provided system.
Dependency Matrix
Required Modules
None requiredComponents
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: ritual-dapp-design Download link: https://github.com/ritual-foundation/ritual-dapp-skills/archive/main.zip#ritual-dapp-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.