Devansh's Portfolio

Design + AI

Newsletter

01 Context02 Workspace03 OutputRefine

Claude.md

Project-context.md

Design-system.md

VS Code

Claude plugin

Prototype variationsWorking · ready to extend

Design systemTokens · Components

VS Code + Claude — the workspace view: three markdown context files brief one editor, which returns working prototypes and a design system.

01 Context02 Workspace03 Output04 ShipRefine

Project-context.md

Design-system.md

Paper

Claude · MCP

Design systemTokens · Components

Prototype variationsReady to extend

VS Code

GitHub

Live hosted

Context to live — the pipeline view: markdown context, one design surface, then build, push and ship.

01 Capture02 Context03 Build04 ShipCI/CD

Design-system.md

Google MeetMeeting notes

MiroContext files

GitHubVersion control

Claude

Cursor

Paper

Summarised into contextfiles by Claude

Structured and finalisedwith the team

Rapid prototyping — toolof choice per member

Team context flow — the collaboration view: one meeting becomes shared context files, then every member prototypes in their own tool against the same source.

01 Define02 Design03 Verify

PRD GeneratorInterviews you,writes PRD.md

System Architectarchitecture.mdbuild-plan.md

Design Systemdesign-system.mdtokens

Usability Audit10 heuristicsux-report.md

AccessibilityWCAG 2.2a11y-report.md

Running app

Agentic Design workflow - Five agents that takes ideation to testing flow from weeks to hours.

01 Context02 The loopWrites back

Reads all three files before it generates anything

02 GenerateAgent

3–5 directions, each reasoned against the files

03 CritiqueYou

Names the cause, not the symptom

04 Feed backYou

Seen twice, a critique becomes a rule

Agentic design loop — a context-file system that turns design critique into rules the agent reuses.

AI Explorations

Documented and Tested workflows that only need your judgment as input, resulting in hours and tokens saved.

X/Twitter