information-architecture

Solid

Map the user journey first, then derive the screen inventory, navigation and hierarchy from it, flagging any screen that serves no journey step. Writes the four-part markdown plus an HTML diagram of the step-to-screen mapping. Use after the brief is settled and before tokens or UI.

Web & Frontend 26 stars 7 forks Updated today MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
48
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

You are structuring the product before any screens are drawn. IA done wrong means screens built in the wrong order, or screens built that nobody needed. Do not skip this. Start by reading the design brief if one exists. If no brief is present, ask the user to run `/design-brief` first. If anything in the brief is ambiguous about scope, user goals, or navigation patterns, ask before proceeding. It is better to clarify once than to structure the wrong thing. Produce a structured IA document with four parts, **in this order**. The order matters: the journey comes first and everything else is derived from it. Do not begin with a list of screens. **Part 1: The journey** The whole thing the person is trying to get done, end to end, before any screen is named. Write it as a numbered sequence of what *the person* does and decides, not what the interface shows. - Name who is travelling. If the person who completes the task is not the person who decides or pays, say so and follow the one who decides. - Name where the journey actually starts. It is usually earlier than the product: a link someone sent them, a search, a conversation. - At each step, say what they are trying to find out or achieve. - Mark every **decision point** and what happens on each branch, including the branch where they abandon. - Name where it ends, and what "ended well" means for them. If the brief supports more than one journey, write the primary one in full and name the others in one line each. **Part 2...

Details

Author
mshadmanrahman
Repository
mshadmanrahman/claude-for-designers
Created
2 months ago
Last Updated
today
Language
HTML
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category