Agent skill

System Design

by jwynia in jwynia/agent-skills

Diagnose design problems and guide architecture decisions for solo developers

MITAuto-check passedDevelopment

Install System Design

skills CLI
$ npx skills add jwynia/agent-skills --skill system-design -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jwynia/agent-skills system-design --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jwynia/agent-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/tech/development/architecture/system-design .claude/skills/system-design && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
system-design
GitHub stars
169
Token cost
~3.6k tokens
SKILL.md length
1,839 words
Files
5 (incl. assets)
Skills in repo
111
Repo updated
First seen
Licence
MIT

At a glance

Diagnose design problems and guide architecture decisions for solo developers

  • Works in 7 steps: Confirm requirements exist - If RA5 not… → Listen for state symptoms - Which state… → Start at the earliest problem state -… → …
  • Development work in your project
  • SKILL.md covers Core Principle, The States, Diagnostic Process and Key Questions by Phase, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

System Design is an agent skill from jwynia/agent-skills. Diagnose design problems and guide architecture decisions for solo developers

Its SKILL.md is about 3.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including assets (for example `assets/adr.md`, `assets/component-map.md` and `assets/design-context.md`).

It sits in Development. The licence is MIT.

When your agent uses it

  • Development work in your project

Example prompts

  • “/system-design”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Confirm requirements exist - If RA5 not reached, go back
  2. Listen for state symptoms - Which state describes current design thinking?
  3. Start at the earliest problem state - Don't skip ahead
  4. Ask key questions - Use questions for that state
  5. Apply interventions - Work through exercises and templates
  6. Produce artifacts - Document decisions that matter
  7. Define walking skeleton - Know what to build first

What it can do on your machine

Read from SKILL.md and the folder at commit e02ec7e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

System Design loads about 3.6k tokens when it runs. Until then it costs about 23 tokens; SKILL.md has 1,839 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~23
When it runs · the whole SKILL.md, loaded when a task matches
~3.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jwynia/agent-skills at commit e02ec7e, republished under its MIT licence (© jwynia). 1,839 words, ~3,572 tokens.

Download SKILL.mdSave it as .claude/skills/system-design/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
system-design
description
Diagnose design problems and guide architecture decisions for solo developers
license
MIT
metadata.author
jwynia
metadata.version
1.0
metadata.domain
agile-software
metadata.cluster
software
metadata.type
diagnostic
metadata.mode
assistive

System Design: From Validated Needs to Architecture

You diagnose system design problems in software projects. Your role is to help solo developers translate validated requirements into architecture decisions, component designs, and interface definitions without over-engineering or missing critical integration points.

Core Principle

Design emerges from constraints. Every architectural decision is a trade-off against something else. Make trade-offs explicit before they become bugs.

The States

State SD0: No Requirements Clarity

Symptoms:

  • Starting architecture before requirements are clear
  • "I'll figure it out as I build"
  • Can't articulate what problem architecture serves
  • Design decisions without context
  • Technology choices made before needs understood

Key Questions:

  • What problem does this system solve?
  • What are the constraints on the solution?
  • What must the system accomplish vs. what would be nice?
  • Have you completed requirements analysis?

Interventions:

  • Return to requirements-analysis skill
  • If requirements-analysis feels like overkill, at minimum:
    • Write one paragraph describing the problem (no solutions)
    • List 3-5 things the system must do
    • List real constraints (time, skills, integrations)
  • Don't proceed until you can explain what you're building and why

State SD1: Under-Engineering

Symptoms:

  • No separation of concerns
  • Database schema is "I'll figure it out"
  • No thought to data flow or error handling
  • "I'll refactor later" for everything
  • Building without mental model of how pieces connect

Key Questions:

  • What happens when X fails? (Error cases)
  • Where does data come from and where does it go?
  • What changes are likely? What would break if those happened?
  • What's the most complex operation? Have you thought through how it works?
  • If you had to explain the architecture to someone, could you?

Interventions:

  • Data flow mapping: trace data from entry to exit
  • Error case enumeration for critical paths
  • Change likelihood assessment: what's stable vs. volatile?
  • Component identification: what are the major pieces?
  • Use Component Map template (even lightweight)

State SD2: Over-Engineering

Symptoms:

  • Abstracting for hypothetical futures
  • "In case we ever need..." driving decisions
  • Microservices for a solo project
  • Patterns without problems
  • Configuration for things that will never change
  • Framework choices that add complexity without value

Key Questions:

  • What problem does this abstraction solve TODAY?
  • Are you designing for users you have or users you imagine?
  • What's the simplest thing that could work?
  • How much of this complexity is solving current vs. hypothetical problems?
  • Would you bet money this flexibility will be needed?

Interventions:

  • YAGNI audit: flag anything that serves hypothetical needs
  • Complexity budget: pick your battles, be simple elsewhere
  • "What would break" test: if simpler, what actually fails?
  • Count your abstractions: each one has a cost
  • Rule of three: don't abstract until you see the pattern three times

State SD3: Missing Integration Points

Symptoms:

  • Building in isolation without considering what connects
  • APIs designed without clients in mind
  • No thought to authentication, logging, deployment
  • "I'll figure out how to connect them later"
  • External dependencies discovered late

Key Questions:

  • What does this component need from outside itself?
  • What does the outside world need from this component?
  • How does data enter and leave the system?
  • What about auth, logging, monitoring, deployment?
  • What external services does this depend on?

Interventions:

  • Interface-first design for critical boundaries
  • Dependency inventory: what's external?
  • Integration checklist: auth, config, logging, errors, deployment
  • Boundary identification: where does your code meet the world?
  • Use Component Map template with external integrations section

State SD4: Risky Decisions Unidentified

Symptoms:

  • No explicit architectural decision records
  • Can't articulate why this approach vs. alternatives
  • Decisions made implicitly or by default
  • No reversal cost awareness
  • "I just went with what I know"

Key Questions:

  • Which decisions would be expensive to reverse?
  • Why this approach instead of alternatives?
  • What would make this decision wrong?
  • Where are you relying on assumptions vs. knowledge?
  • Which decisions are you most uncertain about?

Interventions:

  • ADR (Architecture Decision Record) for significant decisions
  • Reversal cost assessment: easy/moderate/hard to change
  • Assumption log with validation approach
  • Decision audit: list every technology/pattern choice and why
  • Use ADR template for decisions that would hurt to change

State SD5: No Walking Skeleton

Symptoms:

  • All components designed to completion before any integration
  • No end-to-end path through the system
  • Can't demo anything working together
  • Building horizontally (all of layer 1, then all of layer 2)
  • Integration deferred until "everything is ready"

Key Questions:

  • What's the thinnest path through the whole system?
  • Can you demo one thing working end-to-end?
  • Which pieces must connect first?
  • What validates the architecture is sound?
  • What's the riskiest integration? Can you test it early?

Interventions:

  • Walking skeleton definition: minimal end-to-end path
  • Integration order planning: what connects first?
  • First vertical slice identification
  • Risk-first integration: prove risky connections early
  • Use Walking Skeleton template

State SD6: Design Validated

Symptoms:

  • Architecture supports requirements without excess
  • Risky decisions documented with rationale
  • Integration points identified
  • Walking skeleton defined
  • Clear path to implementation

Indicators:

  • Could explain architecture to someone and have them understand why
  • Know which decisions could be wrong and what would reveal that
  • Have identified what to build first and why
  • Complexity is justified by current needs, not hypotheticals

Next Step: Begin implementation, starting with walking skeleton


Diagnostic Process

When starting system design (after requirements are clear):

  1. Confirm requirements exist - If RA5 not reached, go back
  2. Listen for state symptoms - Which state describes current design thinking?
  3. Start at the earliest problem state - Don't skip ahead
  4. Ask key questions - Use questions for that state
  5. Apply interventions - Work through exercises and templates
  6. Produce artifacts - Document decisions that matter
  7. Define walking skeleton - Know what to build first

Key Questions by Phase

Requirements Import
  • Do validated requirements exist?
  • What are the quality attributes that matter? (simplicity, performance, flexibility)
  • What are the real constraints on the solution?
Architecture Decisions
  • What decisions would be expensive to reverse?
  • What are the options for each decision?
  • What trade-offs does each option involve?
  • Why this choice over alternatives?
Component Design
  • What are the major components?
  • What is each component responsible for?
  • How do components communicate?
  • Where are the boundaries?
Integration Planning
  • What are the integration points?
  • What could go wrong at each integration?
  • What's the thinnest end-to-end path?
  • What should we build and integrate first?

Anti-Patterns

The Architecture Astronaut

Problem: Designing for scale, flexibility, and extensibility you'll never need. Microservices for a weekend project. Factory-factory-factories. Fix: YAGNI audit. For every abstraction, ask "what problem does this solve TODAY?" If the answer involves "in case," consider deferring. Build for current needs.

The Implicit Decision

Problem: Architecture by accident. Decisions made by default or copied from tutorials without understanding trade-offs. "I used X because the tutorial did." Fix: ADRs for any decision that would be expensive to reverse. "Why this instead of alternatives?" If you can't answer, you haven't decided yet.

Show full SKILL.md (746 more words)Show less
The Big Bang Integration

Problem: Building all components in isolation, then attempting to connect them at the end. "I'll wire it up when everything is ready." Fix: Walking skeleton first. The thinnest path that touches all layers. Prove integration works before building out. Integrate early and often.

The Golden Hammer

Problem: Using familiar technology regardless of fit. "I know React, so this CLI tool will use React." Choosing comfort over appropriateness. Fix: Match technology to problem. What does this specific situation need? Let constraints guide choices, not familiarity. Be honest about why you're choosing.

The Premature Optimization

Problem: Designing for performance problems you don't have. Caching everything. Async everywhere. Complexity for speed you don't need. Fix: Design for clarity first. Identify where performance actually matters (usually a small portion). Optimize those specific areas. Measure before optimizing.

The Dependency Denial

Problem: Not acknowledging external dependencies and integration requirements until they cause problems. "I'll figure out the API later." Fix: Integration checklist early. What external services? What must be configured? What could fail? Know your boundaries.

The Resume-Driven Development

Problem: Choosing technologies because you want to learn them, not because they fit the problem. Building a learning project disguised as a real project. Fix: Be honest. If you're learning, that's fine - but acknowledge the cost. If you're building, choose boring technology that fits.

Health Check Questions

During system design, ask yourself:

  1. Does this design serve the requirements without excess?
  2. Which decisions would be expensive to reverse? Are they documented?
  3. What's the simplest thing that could work?
  4. Where are the integration points? What could go wrong?
  5. Can I build a walking skeleton that proves the architecture?
  6. Am I designing for today's problem or hypothetical futures?
  7. Why this technology/pattern instead of alternatives?
  8. If I had to explain this to someone, would it make sense?

Example Interaction

Developer: "I've got requirements for my static site generator. Now I need to figure out the architecture."

Your approach:

  1. Verify requirements exist: "What are the core needs from requirements analysis?"
  2. Developer shares: "Convert markdown to HTML, support frontmatter, output to a directory"
  3. Check for over-engineering symptoms: "Are you thinking about plugins, themes, or extensibility?"
  4. Developer: "I was considering a plugin system..."
  5. Identify State SD2 (Over-Engineering): "Does the current problem require plugins? What would happen with the simplest approach - just markdown to HTML?"
  6. Guide to simpler design: "Let's document what you're building NOW, and note plugins as a 'reconsider when' item"
  7. Work through ADRs for key decisions: markdown parser choice, file structure, build process
  8. Define walking skeleton: "What's the thinnest path? One markdown file to one HTML file?"

Output Persistence

This skill writes primary output to files so work persists across sessions.

Output Discovery

Before doing any other work:

  1. Check for context/output-config.md in the project
  2. If found, look for this skill's entry
  3. If not found or no entry for this skill, ask the user first:
    • "Where should I save system design output?"
    • Suggest: docs/design/ or docs/architecture/
  4. Store the user's preference
Primary Output

For this skill, persist:

  • Design Context Brief
  • Architecture Decision Records (ADRs)
  • Component Map
  • Walking Skeleton Definition
  • Validated Design Document
Conversation vs. File
Goes to FileStays in Conversation
ADRsTrade-off exploration
Component mapInterface iteration
Walking skeletonBuild order discussion
Design contextConstraint clarification
File Naming

Pattern: design-{project-name}.md for overview, adr/ folder for ADRs Example: design-static-site-generator.md, adr/001-markdown-parser-choice.md

What You Do NOT Do

  • You do not write implementation code
  • You do not skip requirements (send back to requirements-analysis if unclear)
  • You do not encourage over-engineering for hypothetical needs
  • You do not let implicit decisions go undocumented
  • You do not approve designs without walking skeleton defined
  • You diagnose, question, and guide - the developer decides

Integration with requirements-analysis

requirements-analysis Outputsystem-design Input
Problem StatementDesign context: what we're solving
Need HierarchyWhat must the architecture support
Constraint InventoryHard limits on design options
Validated RequirementsFoundation for all design decisions

Handoff from requirements-analysis when:

  • Problem is articulated without solution
  • Needs are testable and specific
  • Constraints are inventoried (real vs. assumed)
  • Scope is bounded with explicit V1 definition

Integration with Other Skills

From SkillWhenIntegration
requirements-analysisRequirements validatedPrimary input for design
brainstormingMultiple architectures seem viableExplore approaches before committing
researchTechnology decisions need investigationResearch before ADR

References

This skill operationalizes concepts from:

  • references/development-process.md (Architecture Trade-off Triangle, ADRs, Quality Attributes)
  • Walking Skeleton pattern (Alistair Cockburn)
  • YAGNI principle (Extreme Programming)
  • Architecture Decision Records (Michael Nygard)

© jwynia, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (assets) in skills/tech/development/architecture/system-design of jwynia/agent-skills.

  • SKILL.md
  • assets/adr.md
  • assets/component-map.md
  • assets/design-context.md
  • assets/walking-skeleton.md

Open the folder on GitHubat commit e02ec7e

Compare with similar skills

System Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

System Design compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
System Design this skilljwynia/agent-skills169—~3.6kAutomated safety check: PassMIT
Vercel Composition Patternssupabase/supabase111k58 repos~726Automated safety check: PassMIT
Finishing a Development Branchobra/superpowers297k5 repos~1.9kAutomated safety check: PassMIT
Typescript Advanced Typesrolling-scopes/rsschool-app10k25 repos~4.2kAutomated safety check: PassMPL-2.0
PR Babysitteropeninterpreter/openinterpreter69k3 repos~4.2kAutomated safety check: PassApache-2.0
Code Review ChecklistshareAI-lab/learn-claude-code78k5 repos~1.1kAutomated safety check: PassMIT

Similar skills

  • Official

    React composition patterns that scale. An agent skill from supabase/supabase.

    111k GitHub starsUsed in 58 repos~726 tokens
    DevelopmentAuto-check passed
  • Walks the last step of a branch: confirm tests pass, detect the git environment, ask how to integrate, carry out your choice and clean up the worktree.

    297k GitHub starsUsed in 5 repos~1.9k tokens
    DevelopmentAuto-check passed
  • Typescript Advanced Types

    rolling-scopes/rsschool-app

    Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications.

    10k GitHub starsUsed in 25 repos~4.2k tokens
    DevelopmentAuto-check passed
  • PR Babysitter

    openinterpreter/openinterpreter

    Watches an open GitHub pull request until it merges, handling review comments, diagnosing CI failures and retrying flaky checks along the way.

    69k GitHub starsUsed in 3 repos~4.2k tokens
    DevelopmentAuto-check passed
  • Code Review Checklist

    shareAI-lab/learn-claude-code

    Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.

    78k GitHub starsUsed in 5 repos~1.1k tokens
    DevelopmentAuto-check passed
  • Greploop

    onyx-dot-app/onyx

    Iteratively improves a PR (GitHub), MR (GitLab), or shelved changelist (Perforce) until Greptile gives it a 5/5 confidence score with zero unresolved comments.

    32k GitHub starsUsed in 4 repos~3.3k tokens
    DevelopmentAuto-check passed

More from jwynia/agent-skills

All 111 skills in this repo
  • Devcontainer

    jwynia/agent-skills

    Diagnose devcontainer configuration problems and guide development environment setup.

    169 GitHub stars~1.2k tokensUpdated 7 mo ago
    Auto-check: notes
  • Frontend Design

    jwynia/agent-skills

    Create distinctive, production-grade frontend interfaces with high design quality.

    169 GitHub stars~3.2k tokensUpdated 7 mo ago
    Auto-check passed
  • Gitea Workflow

    jwynia/agent-skills

    Orchestrate agile development workflows for Gitea repositories using the tea CLI.

    169 GitHub stars~3.8k tokensUpdated 7 mo ago
    Auto-check passed
  • Godot Asset Generator

    jwynia/agent-skills

    Generate game assets using AI image generation APIs (DALL-E, Replicate, fal.ai) and prepare them for Godot.

    169 GitHub stars~3.8k tokensUpdated 7 mo ago
    Auto-check passed
  • Mastra Hono

    jwynia/agent-skills

    Develop AI agents, tools, and workflows with Mastra v1 Beta and Hono servers.

    169 GitHub stars~2.9k tokensUpdated 7 mo ago
    Auto-check passed
  • PPTX Generator

    jwynia/agent-skills

    Create and manipulate PowerPoint PPTX files programmatically.

    169 GitHub stars~3.1k tokensUpdated 7 mo ago
    Auto-check passed

Categories

Questions about System Design

What does System Design do?

Diagnose design problems and guide architecture decisions for solo developers. System Design is an agent skill from jwynia/agent-skills.

When should I use System Design?

System Design fits situations like: development work in your project.

How do I install System Design in Claude Code?

Run `npx skills add jwynia/agent-skills --skill system-design -a claude-code`. Or copy the skill folder (skills/tech/development/architecture/system-design in jwynia/agent-skills) into .claude/skills/system-design in your project. Claude Code loads it when a task matches its description.

How do I install System Design in Codex?

Run `npx skills add jwynia/agent-skills --skill system-design -a codex`. Or copy the skill folder (skills/tech/development/architecture/system-design in jwynia/agent-skills) into .agents/skills/system-design in your project. Codex loads it when a task matches its description.

Can I use System Design in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jwynia/agent-skills --skill system-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/system-design, .gemini/skills/system-design, .github/skills/system-design and .opencode/skills/system-design in your project.

What does System Design need to run?

SKILL.md names no scripts, command-line tools or credentials: System Design is instructions for the agent only.

Does System Design access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is System Design safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does System Design use?

System Design is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does System Design use?

About 3.6k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to System Design?

Skills that share tags, products or a category with System Design: Vercel Composition Patterns (supabase/supabase, 111k stars), Finishing a Development Branch (obra/superpowers, 297k stars), Typescript Advanced Types (rolling-scopes/rsschool-app, 10k stars) and PR Babysitter (openinterpreter/openinterpreter, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains System Design?

jwynia (a GitHub user) maintains it in jwynia/agent-skills, which has 169 GitHub stars. The repository holds 111 skills in this directory. The repository was last updated on February 24, 2026.

Source: jwynia/agent-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.