Resources

Agent skills for designers

Teach your coding agent better design habits. Each one is a folder of instructions your agent reads before it designs, writes or reviews.

Preview data: these are sample cards, not real work. The live feed appears once the hub is online.

Interface 2 skills

  • sample/interface-critiqueScore a UI against heuristics and suggest fixes42K installsnpx skills add sample/interface-critique
  • sample/design-tokensPull colour, type and spacing tokens from a live site9.1K installsnpx skills add sample/design-tokens

Accessibility 1 skill

  • sample/accessibility-passCheck contrast, focus order and labels before you ship18K installsnpx skills add sample/accessibility-pass

Writing 1 skill

  • sample/copy-tightenerShorten interface copy without losing meaning5.2K installsnpx skills add sample/copy-tightener

Research 1 skill

  • sample/research-synthesisTurn interview notes into themes and quotes2.7K installsnpx skills add sample/research-synthesis

Motion 1 skill

  • sample/motion-polishAdd restrained, accessible motion to a component940 installsnpx skills add sample/motion-polish

Built a skill designers should know about? Send it to us.