AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

AI Workflows

Explain this codebase to a designer

One-line coding-agent prompt that walks a product designer through a repo: high-level architecture, the UI library, and how it connects to the app.

Prompt by

Meaghan Choi@meaghaneschoi

Design lead for Claude Code & Cowork, Anthropic

Post

Prompt

Tell me about this codebase tailored to a product designer. I'm interested in the high level architecture, and specifically the ui library (if there is one), where and how that library is managed and how it interacts with the rest of the app

How to use

  1. 01

    Open a real repo in Claude Code, Cursor, or another coding agent.

  2. 02

    Paste the prompt as your first message.

  3. 03

    Follow up on whatever you need next, for example "Show me where the Button component lives and every place it is used."

Tips

  • Run it from the repo root so the agent can see the whole project.
  • Ask for a short glossary of the component and token names it finds so you can use the same words as your engineers.