mshadmanrahman/claude-for-designers

mshadmanrahman/claude-for-designers

Skill Claude Code

Break a design brief into executable time-boxed tasks, each with a done-when line. Use immediately before a build session.

mshadmanrahman/claude-for-designers

Skill Claude Code

Turn an interrogated brief into the single source of truth for a design project. Use after /grill-me, before any IA or UI work.

mshadmanrahman/claude-for-designers

Skill Claude Code

Critique a design on layout, accessibility, responsiveness, dark mode and edge cases, with Pass, Needs work or Fail verdicts. Use on a built screen.

mshadmanrahman/claude-for-designers

Skill Claude Code

Establish color, typography, spacing, radius and motion as named role-based tokens. Use before building any interface.

mshadmanrahman/claude-for-designers

Skill Claude Code

Build an interface from the brief and the tokens rather than from a guess. Use only after grill-me, design-brief, information-architecture and design-tokens have run.

mshadmanrahman/claude-for-designers

Skill Claude Code

Two modes, picked from the file you point it at. Contract mode grills a claude-contract.md line by line until every line is a thing Claude must always do or must never do, editing that file in place and creating nothing new. Brief mode interrogates a design brief until it has no soft spots left, then produces a…

mshadmanrahman/claude-for-designers

Skill Claude Code

Audit a design against Nielsen's ten usability heuristics, tying every finding to a specific element with a specific fix. Use on a built screen or a detailed mockup.

mshadmanrahman/claude-for-designers

Skill Claude Code

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.

mshadmanrahman/claude-for-designers

Skill Claude Code

Stress-test a design through three lenses, confused user, skeptical engineer and impatient PM, before it goes to a stakeholder. Requires an actual design, an HTML file, Figma link or screenshot.

mshadmanrahman/claude-for-designers

Skill Claude Code

Diagnoses a broken course setup by reading the folder, so the student never has to describe the problem in English. Takes no argument. Reports which class they are on and which files are filled, then names one blocker and one fix: Claude Code opened at the wrong level, .claude/skills/ missing, skills not loading…