Communitygithub.com

mattpocock/eine-schnittstelle-entwerfen

Generiere mehrere grundlegend verschiedene Schnittstellendesigns für ein Modul mithilfe paralleler Sub-Agenten. Verwende dies, wenn der Benutzer eine API entwerfen, Schnittstellenoptionen erkunden, Modulformen vergleichen möchte oder erwähnt „zweimal entwerfen“.

Was ist eine-schnittstelle-entwerfen?

Dieses Skill ermöglicht es, für ein gegebenes Modul mehrere radikal unterschiedliche Schnittstellendesigns parallel zu generieren. Es ist besonders nützlich, wenn Entwickler verschiedene API-Architekturen vergleichen, Modulformen evaluieren oder kreative Alternativen in der Schnittstellengestaltung erkunden möchten. Das Skill arbeitet, indem es parallele Sub-Agenten startet, die jeweils ein eigenständiges, möglichst unterschiedliches Interface-Konzept entwerfen. Es unterstützt gängige KI-Coding-Plattformen wie Claude Code, Cursor und Codex und basiert auf dem Prinzip des „Design it Twice“, um früh im Entwicklungsprozess die besten Designentscheidungen zu treffen. Die Ergebnisse werden als separate Module oder Strukturen präsentiert, die direkt verglichen und weiterverwendet werden können.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/mattpocock/skills/tree/main/skills/design-an-interface
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht eine-schnittstelle-entwerfen?

Generiere mehrere grundlegend verschiedene Schnittstellendesigns für ein Modul mithilfe paralleler Sub-Agenten. Verwende dies, wenn der Benutzer eine API entwerfen, Schnittstellenoptionen erkunden, Modulformen vergleichen möchte oder erwähnt "zweimal entwerfen".

Überblick

Dieses Skill erstellt mehrere konzeptionell unterschiedliche Schnittstellendesigns für ein bestimmtes Modul oder eine API. Es nutzt parallele Sub-Agenten, um gleichzeitig verschiedene Designrichtungen zu erkunden, sodass du als Entwickler fundierte Entscheidungen treffen kannst.

Verwendung

Aktiviere dieses Skill, indem du:

  • Nach mehreren API-Designoptionen fragst
  • "Design it twice" oder ähnliche Phrasen erwähnst
  • Unterschiedliche Modulformen vergleichen möchtest
  • Ein neues Interface oder eine API entwerfen musst

Funktionsweise

  1. Der Haupt-Agent identifiziert das zu entwerfende Modul oder die API
  2. Mehrere Sub-Agenten werden parallel gestartet, die jeweils ein radikal unterschiedliches Schnittstellendesign generieren
  3. Die Designs werden präsentiert, sodass du sie vergleichen und die beste Wahl treffen kannst

Plattformunterstützung

  • Claude Code
  • Cursor
  • Codex
  • Andere KI-Coding-Assistenten

Beispiel

# Beispiel für die Aktivierung

Benutzer: "Ich möchte eine API für einen Task-Scheduler entwerfen, lass uns verschiedene Ansätze vergleichen."

Skill: Startet parallele Sub-Agenten zur Generierung von 3-5 unterschiedlichen Designoptionen.

Hinweise

  • Die generierten Designs sind unabhängig voneinander und decken verschiedene Design-Philosophien ab
  • Verwende dieses Skill früh im Designprozess, um die besten Entscheidungen zu treffen
  • Die Ergebnisse können als Grundlage für weitere Diskussionen oder die finale Implementierung dienen

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

mattpocock/ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

mattpocock/caveman

Ultra-compressed communication mode. Cuts token usage ~75% by dropping filler, articles, and pleasantries while keeping full technical accuracy. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman.

mattpocock/claude-handoff

Hand the current conversation off to a fresh background agent that picks up the work immediately.

mattpocock/codebase-design

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

mattpocock/diagnose

Disciplined diagnosis loop for hard bugs and performance regressions. Reproduce → minimise → hypothesise → instrument → fix → regression-test. Use when user says "diagnose this" / "debug this", reports a bug, says something is broken/throwing/failing, or describes a performance regression.

mattpocock/diagnosing-bugs

Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.

mattpocock/domain-modeling

Build and sharpen a project's domain model. Use when the user wants to pin down domain terminology or a ubiquitous language, record an architectural decision, or when another skill needs to maintain the domain model.

mattpocock/edit-article

Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.

mattpocock/git-guardrails-claude-code

Set up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destructive git operations, add git safety hooks, or block git push/reset in Claude Code.

mattpocock/grilling

Grill the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

mattpocock/grill-with-docs

Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions.

mattpocock/handoff

Compact the current conversation into a handoff document for another agent to pick up.

mattpocock/implement

Implement a piece of work based on a PRD or set of issues.

mattpocock/implement-spec

Implement a specification in code.

mattpocock/improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

mattpocock/loop-me

Grill me about specs for the workflows I want to build, within this workspace.

mattpocock/migrate-to-shoehorn

Migrate test files from `as` type assertions to @total-typescript/shoehorn. Use when user mentions shoehorn, wants to replace `as` in tests, or needs partial test data.

mattpocock/obsidian-vault

Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community

shadcn-ui/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

community