Agentic Design Framework
Evergreen
An agentic design framework. Go from idea to deployed prototype using Claude Code, shadcn/ui, and Vercel.
Quick Start
Up and running in minutes
You'll need Node.js 18+ and Claude Code installed. Full setup guide
1
Clone and install
Clone the repo and install dependencies.
git clone https://github.com/bobbydotdesign/evergreen.git my-project
cd my-project
npm install2
Start the dev server
Launch a local preview of your project.
npm run dev3
Open Claude Code
In a new terminal tab, start Claude Code in your project.
cd my-project
claude4
Define your product
Describe your idea and Claude generates a full PRD.
/prd5
Start prototyping
Claude reads your PRD and builds interactive wireframes you can preview in the browser.
/wireframeBuilt-in Skills
Your CLI Design Workflow
What's Inside