Updated 2w ago
by mshadmanrahman
claude-for-designers
A working repository for designers who use Claude as a collaborator. Skills, principles, project templates, and a career vault.
39 GitHub stars (39)
+10 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | +1 |
| Oct 3 | +1 |
| Oct 4 | +1 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | +1 |
| Oct 8 | +1 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | +2 |
| Oct 12 | +1 |
| Oct 13 | 0 |
| Oct 14 | +1 |
| Oct 15 | 0 |
| Oct 16 | 0 |
- 13 skills (13 skills found in its SKILL.md files)
- 9 forks (9 forks)
- 2w ago last update (Last updated 2w ago)
Install
Skills CLI
npx skills add mshadmanrahman/claude-for-designers
Asks which skills and agents to install. Just one: npx skills add mshadmanrahman/claude-for-designers --skill application-pack — add -g for every project.
Claude Code
git clone https://github.com/mshadmanrahman/claude-for-designerscp -r "claude-for-designers/.claude/skills/application-pack" ~/.claude/skills/
Copies the application-pack skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add mshadmanrahman/claude-for-designers
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
application-pack
Turns one pasted job post into an application folder built only from the student's own career vault: a tailored resume, a cover letter under 250 words, and an HR call sheet with the answers already drafted. Reads career-vault/01 to 06 first and refuses to run while the positioning, portfolio story or resume are still course scaffolding. Never invents experience: where the vault has no evidence it…
.claude/skills/application-pack/SKILL.md on GitHub (opens in a new tab) -
brief-to-tasks
Break a design brief into executable time-boxed tasks, each with a done-when line. Use immediately before a build session.
.claude/skills/brief-to-tasks/SKILL.md on GitHub (opens in a new tab) -
design-brief
Turn an interrogated brief into the single source of truth for a design project. Use after /grill-me, before any IA or UI work.
.claude/skills/design-brief/SKILL.md on GitHub (opens in a new tab) -
design-review
Critique a design on layout, accessibility, responsiveness, dark mode and edge cases, with Pass, Needs work or Fail verdicts. Use on a built screen.
.claude/skills/design-review/SKILL.md on GitHub (opens in a new tab) -
design-tokens
Establish color, typography, spacing, radius and motion as named role-based tokens. Use before building any interface.
.claude/skills/design-tokens/SKILL.md on GitHub (opens in a new tab) -
frontend-design
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.
.claude/skills/frontend-design/SKILL.md on GitHub (opens in a new tab) -
grill-me
One move you can run on anything: point grill-me at a target and it makes you defend your thinking from first principles until the true matter is clear. Point it at your working contract and it rewrites the weak lines in place. Point it at a brief and it produces a Requirements Handshake. Point it at research, an idea, or a claim and it hands back the sharpened version that survived. Use it in Cl…
.claude/skills/grill-me/SKILL.md on GitHub (opens in a new tab) -
heuristic-evaluation
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.
.claude/skills/heuristic-evaluation/SKILL.md on GitHub (opens in a new tab) -
information-architecture
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.
.claude/skills/information-architecture/SKILL.md on GitHub (opens in a new tab) -
persona-acid-test
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.
.claude/skills/persona-acid-test/SKILL.md on GitHub (opens in a new tab) -
pick-up
Reads the newest entry of a project's log.md and tells the student where they left off: what they did and decided, what is open, and the next step. Takes an optional project name. With several projects and no name, shows a menu of each project's last entry. Read only. Use when the student says pick up, where did I leave off, read my last log, continue from yesterday, or opens a fresh chat to resu…
.claude/skills/pick-up/SKILL.md on GitHub (opens in a new tab) -
stuck
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 because the trust question was never answered, a file whose scaffolding was deleted b…
.claude/skills/stuck/SKILL.md on GitHub (opens in a new tab) -
wrap-up
Saves today's work session as a four-line entry (did, decided, open, next) at the top of the project's log.md, after the student confirms it, so a fresh chat can continue tomorrow with /pick-up. Writes to projects/<client>/log.md or career-vault/log.md, one entry per project touched, never to _new-client. Use when the student says wrap up, done for the day, save my progress, end session, or is ab…
.claude/skills/wrap-up/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.