design-an-interface

design an interface

mattpocock ↓ 169k
Claude Code
View source ↗

What it does

  • [ ] What problem does this module solve?
  • [ ] Who are the callers? (other modules, external users, tests)
  • [ ] What are the key operations?
  • [ ] Any constraints? (performance, compatibility, existing patterns)
  • [ ] What should be hidden inside vs exposed?
  • Agent 1: "Minimize method count - aim for 1-3 methods max"
  • Agent 2: "Maximize flexibility - support many use cases"

Requirements & configuration

  • Ask: "What does this module need to do? Who will use it?"

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

design an interface

Source

Repository: https://github.com/mattpocock/skills

design-an-interface FAQ

What does the design-an-interface skill do?

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice". [ ] What problem does this module solve? [ ] Who are the callers? (other modules, external users, tests)

What does design-an-interface require?

Ask: "What does this module need to do? Who will use it?"

How do I install design-an-interface?

Run: npx -y skills add https://github.com/mattpocock/skills --skill design-an-interface --agent claude-code — the source lives at github.com/mattpocock/skills.

Maintain design-an-interface?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

design-an-interface on getagentictools
[![design-an-interface on getagentictools](https://getagentictools.com/badge/skills/mattpocock-skills-design-an-interface.svg)](https://getagentictools.com/skills/mattpocock-skills-design-an-interface?ref=badge)
npx agentictools info skills/mattpocock-skills-design-an-interface

The second line is the CLI lookup for this page — handy in READMEs and docs.