CODEHANCEdocs
← All skills & agents

blueprint

Turns a plain-language app idea into a complete screen inventory and architectural component list. Use when starting a new product from an idea, before any design or code exists.

Install

Install globally

Recommended

Available in every directory and every project — install once, use for everything you build.

$ npx skills add https://docs.codehance.com --skill blueprint -g --agent claude-code

Just this project

Drop the -g to install into the current project only.

$ npx skills add https://docs.codehance.com --skill blueprint --agent claude-code

Run the command from a terminal. Omitting --agent makes the CLI auto-detect the coding tools installed on your machine.

Blueprint

Placeholder skill. This is dummy content used to test the Codehance docs and install pipeline end to end. The real skill instructions will replace this body.

What this skill does

Takes a plain-language description of an app idea and produces:

  • A complete inventory of every screen the app needs.
  • The architectural component list — frontend, auth, database, payments — and how they connect.

When to use it

Use this at the very start of a build, before any design or code exists. The output of this skill is the input to the design skill.

Instructions

  1. Ask the user to describe their app idea in one or two sentences.
  2. Produce the screen inventory. *(Placeholder — real steps to follow.)*
  3. Produce the component list. *(Placeholder — real steps to follow.)*