1
Clone the Repository
git clone https://github.com/buildermethods/design-os.git my-project-design
cd my-project-design
Replace my-project-design with whatever you want to name your design workspace.
2
Remove the Original Remote
git remote remove origin
Now you have a clean local instance ready to use.
3
Install Dependencies
npm install
4
Start the Dev Server
npm run dev
Open http://localhost:3000 in your browser.
5
Open Claude Code
In the same project directory, start Claude Code:
claude
You're ready to start designing. Run /product-vision to begin defining your product.
Optional: Save as Your Own Template
If you want to reuse Design OS for future projects:
- Push to your own GitHub repository:
git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git
git push -u origin main
- Go to your repository on GitHub, click Settings, and check Template repository.
Now you can create new instances using GitHub's "Use this template" button.
Next Steps
Stay updated on Design OS
Get notified of major new releases and updates to Design OS.