crunch-design
Installation
SKILL.md
Crunch Design System
The @crunch-ui package family provides a shadcn/ui-based component library, icon set, design tokens, and Tailwind config for CrunchDAO applications.
Packages
| Package | Purpose |
|---|---|
@crunch-ui/core |
UI components (Button, Dialog, Table, etc.) |
@crunch-ui/icons |
261 SVG icon components |
@crunch-ui/utils |
cn() helper, color palette, external links |
@crunch-ui/tailwind-config |
Shared Tailwind config with typography, tokens, colors |
Quick Start — New App Setup
// tailwind.config.ts
import sharedConfig from "@crunch-ui/tailwind-config";
import type { Config } from "tailwindcss";
Related skills
More from crunchdao/crunch-skill
crunch-coordinate
Use when managing Crunch coordinators, competitions (crunches), rewards, checkpoints, staking, or cruncher accounts via the crunch-cli. Also use when working inside a coordinator node workspace (contains .agent/ folder, docker-compose.yml, runtime_definitions/, or CrunchConfig).
8crunch-compete
Use when working with Crunch competitions - setting up workspaces, exploring quickstarters, testing solutions locally, or submitting entries.
7cruncher-skill
Use when working with Crunch competitions - setting up workspaces, exploring quickstarters, testing solutions locally, or submitting entries.
1