Everything Numb.Design
The AI-powered frontend builder. Bootstrap any project with zero bloat — install only the packages you actually need.
CLI Commands
Scaffold, install, search — all in one terminal tool.
npm Package
Use Numb.Design programmatically as a Node module.
Agent Skills
Pre-built AI agent instructions for design work.
Quick Start
Get a project running in 60 seconds.
Design Tokens
CSS variables for consistent branding.
Resource Catalog
500+ free resources, all categorized.
Overview
Numb.Design is a complete frontend toolkit that helps you bootstrap projects faster — with zero bloat. It combines a curated catalog of free design resources with a CLI that installs only what your project needs.
Built for developers, designers, and AI agents, Numb.Design eliminates the friction of discovering, evaluating, and installing the right frontend packages every time you start something new.
Zero Bloat
Install only the packages your project actually needs. No junk.
100% Free
Every resource in our catalog is free and open-source.
AI-Ready
Designed for AI agents. One command to scaffold and install.
Quick Start
Get started in under a minute.
1. Run the CLI wizard
npx numb-design initFollow the prompts to configure your project type, style, and features.
Or use the web wizard
Visit the Interactive Wizard to generate your install plan in the browser.
2. Install the packages
# The CLI generates a ready-to-run install plan npx numb-design init # Or install specific resources npx numb-design add shadcn-ui framer-motion rechartsPro tip
Use npx numb-design search buttons to find resources by keyword before installing.
CLI Commands
Every command is designed to be simple, memorable, and fast.
npx numb-design initInteractive project bootstrap wizard. Prompts for type, style, and features, then generates a complete install plan.
npx numb-design add <resource...>Quick-install one or more resources. Automatically determines the correct npm command for each.
npx numb-design template <name>Scaffold a pre-built project template with all dependencies pre-configured.
npx numb-design search <query>Search the entire resource catalog by keyword. Returns matching resources with categories.
npx numb-design skillsInstall pre-built AI agent skill files for Claude Code, Cursor, and other AI coding agents.
npm Package
Use Numb.Design programmatically in your Node.js projects.
Install
npm install numb-designGenerate an install plan
import { generatePlan } from 'numb-design';
const plan = generatePlan(
'landing-page',
['modern', 'minimal'],
['animations', 'forms', 'icons']
);
console.log(plan);
/* [
{ name: 'Tailwind CSS', install: '', ... },
{ name: 'shadcn/ui', install: 'npx shadcn@latest init ...', ... },
{ name: 'Framer Motion', install: 'npm install motion', ... },
...
] */Analyze an existing project
import { analyzeProject } from 'numb-design';
const recs = analyzeProject('./my-project');
// Returns recommendations based on
// what's already installed vs. missingBrowse the resource catalog
import { resources } from 'numb-design';
// Full JSON catalog with 500+ resources
console.log(resources.length);
// Filter by category
const uiResources = resources.filter(r => r.category === 'ui');Binaries
The package ships two CLI binaries: numb and create-numb-app. Run npx numb to invoke the CLI.
Agent Skills
Pre-built skill files for AI coding agents. Give your agent deep design expertise in one command.
Install agent skills
npx numb-design skillsInstalls skill files for animation, typography, design systems, and transitions.
Animation
Framer Motion, CSS transitions, scroll-based animation patterns
animation/SKILL.md
Design
Color theory, layout, spacing, visual hierarchy principles
design/SKILL.md
Transitions
Page transitions, shared layouts, route animations
transitions/SKILL.md
Typography
Font pairing, hierarchy, responsive type scales
typography/SKILL.md
Design Tokens
A CSS variable layer that enforces visual consistency across your project.
npx numb-design init
# Select "Apply consistency layer" in the wizardGenerated tokens include
Resource Catalog
A curated collection of 500+ free design and frontend resources.
# Search the catalog npx numb-design search icons # Browse categories on the web open https://numb.designNumb.Design is 100% free and open-source. MIT licensed.