v1.0.0 Stable Release

Scaffold Design Systems
in Milliseconds.

The connective tissue between design tokens and React. InkBuddy CLI generates production-ready, accessible components compatible with Radix UI.

Get Started
npm install -g inkbuddy-cli
/ 01 Primitives

Available Components

Enterprise-grade UI primitives scaffolded with WCAG accessibility and design token integration by default.

template: button

Button

Versatile action triggers with 4 built-in variants and 3 size scales.

Variants primary, secondary, ghost, outline
Primary
Secondary
template: input

Input

Accessible form fields with native WCAG focus ring management.

Types text, email, select, textarea
Enter value...
template: modal

Modal

Overlay dialogs with ARIA-compliant focus trapping.

Props title, body, onClose
template: card

Card

Surface containers for modular content layouts.

Elements Image, Title, Body
template: badge

Badge

Status indicators for rapid semantic classification.

Variants success, warning, danger, info
Success
Danger
template: loader

Loader

Motion-tokenized loading states for consistent UX.

Controls duration, spinning
/ 02 Workflow

Consumption Guide

InkBuddy reduces the friction of design handover. Instead of static docs, it provides a command-line interface to generate the actual implementation.

1

Initialize Styles

Run setup to inject the design system's CSS tokens.

2

Generate Primitive

Use generate --type=button to scaffold a component.

3

Deploy & Scale

Components ship with built-in accessibility and token bindings.

$ inkbuddy setup
✅ Design system styles injected...
$ inkbuddy generate --type=button --variant=primary
Generating Component...
✅ src/components/button/Button.tsx created
$ inkbuddy list
• button: @radix-ui/react-button
• input: @radix-ui/react-textfield
/ 04 Architecture

Interactive System Flow

Drag the nodes to explore the design-to-code pipeline. Watch the live connections as you move.

AI-Native
/ 03 Integration

MCP Server Availability

InkBuddy implements the Model Context Protocol, enabling AI agents to autonomously manage your design system.

  • AI can list_templates to understand system capabilities.
  • AI can generate_component via natural language prompts.
  • Automated setup_design_system routines.
{ "mcpServers": { "inkbuddy": { "command": "node", "args": ["src/mcp-server.js"] } } }