Design with AI
Design with AI

Settings page for a mail application

Repo to run this youselfClaude ProjectsOutputContents of the project setup in Claude chatContents of the project setup in Claude chatClaude CodeOutput
LLM Written
Human Reviewed Partially

Info

The code/screen is incomplete, this is intended to teach how to steer AI to the complete screen in our free classes. As of writing this page, the first class has not happened. We will publish the completed screen soon.

Repo to run this youself

https://github.com/amarneethi/aidesignsetupdesignsystemprojects.git

Claude Projects

Output

Output

Contents of the project setup in Claude chat

Contents of the project setup in Claude chat

DESIGN_SYSTEM.md

package.json

Claude projects files setup screenshot

Claude Code

Output

Output

A trading dashboard with data and charts

Previous Page

Design Systems for AI

Build design systems optimized for AI workflows.

On this page

Repo to run this youselfClaude ProjectsOutputContents of the project setup in Claude chatContents of the project setup in Claude chatClaude CodeOutput