Agentic Design Framework
Evergreen
An opinionated agentic design framework for product designers who use Claude Code. Focus on your work, not the setup.
New project
Start fresh with Evergreen as your foundation. Run these in your terminal.
Clone the repo
This creates a new folder with the project files.
git clone https://github.com/bobbydotdesign/evergreen.git my-projectOpen the project folder
Skip this if you're already there.
cd my-projectInstall dependencies
This installs everything the project needs to run.
npm installStart Claude Code
You may be asked to trust the project folder — select "Yes, I trust this folder" to continue. Claude Code can start the dev server for you when you're ready to preview.
claudeStart building
Describe your idea and Claude generates a full PRD, then prototype it.
/ev-prdExisting project
Already have a project? Add the skills to your codebase. Run these in your terminal.
Clone Evergreen temporarily
Pull down the skills and configuration files.
git clone https://github.com/bobbydotdesign/evergreen.git /tmp/evergreenCopy the skills into your project
Add the Claude Code skills and project instructions to your codebase.
cp -r /tmp/evergreen/.claude .claude
cp /tmp/evergreen/CLAUDE.md CLAUDE.mdClean up
Remove the temporary clone.
rm -rf /tmp/evergreenOpen Claude Code
Start Claude Code in your project. The skills are ready to use.
claudeBuilt-in Skills
Your CLI Design Workflow
What's Inside