knowsuchagency

Bitforge — Design skill for Claude Code

Design community

Bitforge Design System — neobrutalist 8-bit terminal design system for an agent workbench.

How to install Bitforge

This entry records only its repository, not the path inside it, so there is no exact command to give. Open knowsuchagency/bitforge and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Bitforge does

Bitforge Design System — neobrutalist 8-bit terminal design system for an agent workbench.

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★

README

Bitforge Design System

A workbench where agents build, ship, and recover — without breaking prod.

A design system for **Bitforge** (`>bitforge`) — a developer-tooling brand for a stamped, sandboxed agent workbench. The brand voice is **neobrutalist with 8-bit terminal vibes**: monospace everywhere, hard edges, ASCII punctuation, terminal greens with a single bright orange accent, hard-offset shadows on cream paper for docs and a warm near-black surface with radial glow for the canonical product.

Index

File / folder	What's there
`colors_and_type.css`	All design tokens — colors, type scale, spacing, radii, shadows, motion.
`preset.json`	shadcn registry-item preset — applies the bitforge tokens to any shadcn project.
`preview/`	25 spec cards (wordmark, type, color, radii, shadows, components).
`ui_kits/marketing/`	`>bitforge` marketing home — nav, hero, forge terminal, install, features.
`ui_kits/docs/`	Bitforge docs page — three-piece architecture diagram on paper.
`SKILL.md`	Skill manifest for downloading as a packaged design skill.
`uploads/`	Original reference screenshots.

USING AS A SHADCN PRESET

`preset.json` packages the bitforge tokens as a shadcn [registry-item](https://ui.shadcn.com/schema/registry-item.json) (Tailwind v4). To apply it to any shadcn-initialized project:

npx shadcn@latest add https://raw.githubusercontent.com/knowsuchagency/bitforge/main/preset.json

What lands in your project:

:root / .dark CSS variables — --background, --foreground, --primary, --border, --radius, --chart-1..5, etc. mapped to bitforge's paper + dark surfaces.
An @theme inline block exposing the full bitforge palette as Tailwind utilities — bg-bf-orange, text-term-green, shadow-brutal, font-pixel, ease-out-snappy, and friends.
Default --radius: 0rem (neobrutalism is the brand). radius-sm/md/lg/xl cascade off --radius, so all shadcn components rend