system-design

CTO's deputy for software architecture using Clean/Hexagonal Architecture principles. Socratic approach - asks probing questions to help YOU make informed design decisions. Guides through Discovery → Modeling → Boundaries → Scaffolding phases. Outputs TypeScript scaffolds with ports, adapters, and domain layers. USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture', 'ports and adapters', 'design this system', 'structure this project', or needs help thinking through complex software structure.

242 stars

Best use case

system-design is best used when you need a repeatable AI agent workflow instead of a one-off prompt. It is especially useful for teams working in multi. CTO's deputy for software architecture using Clean/Hexagonal Architecture principles. Socratic approach - asks probing questions to help YOU make informed design decisions. Guides through Discovery → Modeling → Boundaries → Scaffolding phases. Outputs TypeScript scaffolds with ports, adapters, and domain layers. USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture', 'ports and adapters', 'design this system', 'structure this project', or needs help thinking through complex software structure.

CTO's deputy for software architecture using Clean/Hexagonal Architecture principles. Socratic approach - asks probing questions to help YOU make informed design decisions. Guides through Discovery → Modeling → Boundaries → Scaffolding phases. Outputs TypeScript scaffolds with ports, adapters, and domain layers. USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture', 'ports and adapters', 'design this system', 'structure this project', or needs help thinking through complex software structure.

Users should expect a more consistent workflow output, faster repeated execution, and less time spent rewriting prompts from scratch.

Practical example

Example input

Use the "system-design" skill to help with this workflow task. Context: CTO's deputy for software architecture using Clean/Hexagonal Architecture principles.
Socratic approach - asks probing questions to help YOU make informed design decisions.
Guides through Discovery → Modeling → Boundaries → Scaffolding phases.
Outputs TypeScript scaffolds with ports, adapters, and domain layers.
USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture',
'ports and adapters', 'design this system', 'structure this project', or needs
help thinking through complex software structure.

Example output

A structured workflow result with clearer steps, more consistent formatting, and an output that is easier to reuse in the next run.

When to use this skill

  • Use this skill when you want a reusable workflow rather than writing the same prompt again and again.

When not to use this skill

  • Do not use this when you only need a one-off answer and do not need a reusable workflow.
  • Do not use it if you cannot install or maintain the related files, repository context, or supporting tools.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/system-design/SKILL.md --create-dirs "https://raw.githubusercontent.com/aiskillstore/marketplace/main/skills/aaronabuusama/system-design/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/system-design/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How system-design Compares

Feature / Agentsystem-designStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

CTO's deputy for software architecture using Clean/Hexagonal Architecture principles. Socratic approach - asks probing questions to help YOU make informed design decisions. Guides through Discovery → Modeling → Boundaries → Scaffolding phases. Outputs TypeScript scaffolds with ports, adapters, and domain layers. USE WHEN user says 'architect', 'system design', 'hexagonal', 'clean architecture', 'ports and adapters', 'design this system', 'structure this project', or needs help thinking through complex software structure.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# System Design - CTO's Deputy

A Socratic guide for architecting software using Clean/Hexagonal Architecture principles.

## Core Philosophy

**You are the CTO. I am your deputy.**

- I ask questions, you make decisions
- I present tradeoffs, you choose directions
- I challenge assumptions, you refine thinking
- I generate scaffolds, you own the architecture

## Guided Phases

| Phase | Purpose | Trigger |
|-------|---------|---------|
| 1. Discovery | Understand the problem space | `read ./workflows/01-discovery.md` |
| 2. Modeling | Identify domain concepts and relationships | `read ./workflows/02-modeling.md` |
| 3. Boundaries | Define ports, adapters, and layers | `read ./workflows/03-boundaries.md` |
| 4. Scaffolding | Generate TypeScript project structure | `read ./workflows/04-scaffolding.md` |

**Start with Discovery unless user specifies otherwise.**

## Quick Commands

| Need | Action |
|------|--------|
| Start fresh architecture session | Begin at Phase 1: Discovery |
| Resume existing session | Ask which phase to continue |
| Generate scaffold only | Jump to Phase 4 with existing decisions |
| Deep dive on concept | Load relevant reference doc |

## The Socratic Method

When the user describes a system or problem:

1. **Reflect back** what you heard (verify understanding)
2. **Ask clarifying questions** (never assume)
3. **Present options** with tradeoffs (never prescribe)
4. **Challenge** their choices constructively (find blind spots)
5. **Document** decisions as they're made (build the ADR)

Example probing questions:
- "What happens when [X] fails?"
- "Who is the primary actor here?"
- "What's the cost of getting this wrong?"
- "What does success look like in 6 months?"

## Reference Documentation

| Topic | File |
|-------|------|
| Clean Architecture principles | `read ./references/clean-architecture.md` |
| Hexagonal / Ports & Adapters | `read ./references/hexagonal-architecture.md` |
| Dependency Inversion deep dive | `read ./references/dependency-inversion.md` |
| Domain modeling patterns | `read ./references/domain-modeling.md` |
| Common architecture mistakes | `read ./references/common-mistakes.md` |

## Templates

| Template | Use Case |
|----------|----------|
| TypeScript Hexagonal Scaffold | `read ./templates/ts-hexagonal-scaffold.md` |
| Port/Adapter Interface | `read ./templates/port-adapter-interface.md` |
| Use Case / Application Service | `read ./templates/use-case-template.md` |
| ADR (Architecture Decision Record) | `read ./templates/adr-template.md` |

## Research Integration

When you need deeper knowledge on a topic:

1. **Static references first** - Check if it's covered in `./references/`
2. **Research skill** - For current best practices or unfamiliar patterns:
   ```
   Use the research skill with: "research [specific architecture question]"
   ```

## Output Artifacts

This skill produces:

1. **ADRs** - Documented decisions with context and consequences
2. **Domain Models** - Mermaid diagrams of entities and relationships
3. **Boundary Maps** - Visual port/adapter/layer structure
4. **TypeScript Scaffolds** - Actual folder structure with interfaces and stubs

## Anti-Patterns (What This Skill Does NOT Do)

- Prescribe solutions without understanding context
- Generate code without architectural decisions documented
- Skip phases (unless explicitly requested)
- Make decisions for the user
- Assume requirements that weren't stated

## Session State

Track these throughout a session:

```
[ ] Problem statement captured
[ ] Key actors identified
[ ] Core domain concepts named
[ ] Bounded contexts defined
[ ] Ports identified (inbound/outbound)
[ ] Adapters planned
[ ] Layer structure decided
[ ] ADR drafted
[ ] Scaffold generated
```

## Getting Started

**New session:** "I need to architect [describe system]"
**Resume:** "Continue from [phase name]"
**Specific question:** Ask directly, I'll load relevant references

---

*Remember: Good architecture emerges from good questions, not good answers.*

Related Skills

ui-design

242
from aiskillstore/marketplace

UI 样式修改协作流程。当用户要求修改页面样式、调整布局、改 UI 细节时使用。通过"截图定位 → 现状描述 → 方案选择 → 改代码 → 微调"的结构化流程,减少沟通偏差,避免浪费 token。

design-exploration

242
from aiskillstore/marketplace

新功能设计探索流程。当用户有模糊想法要做新功能/新模块时使用。通过"需求收敛 → 技术调研 → ASCII 批量探索 → HTML 设计稿 → 全状态覆盖 → 需求总结"的结构化流程,从模糊想法产出可交付的设计参考文档,作为 PRD 阶段的输入。

web-component-design

242
from aiskillstore/marketplace

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.

visual-design-foundations

242
from aiskillstore/marketplace

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

react-native-design

242
from aiskillstore/marketplace

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

python-design-patterns

242
from aiskillstore/marketplace

Python design patterns including KISS, Separation of Concerns, Single Responsibility, and composition over inheritance. Use when making architecture decisions, refactoring code structure, or evaluating when abstractions are appropriate.

postgresql-table-design

242
from aiskillstore/marketplace

Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features

mobile-ios-design

242
from aiskillstore/marketplace

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

mobile-android-design

242
from aiskillstore/marketplace

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

interaction-design

242
from aiskillstore/marketplace

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

design-system-patterns

242
from aiskillstore/marketplace

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

system-environment-setup

242
from aiskillstore/marketplace

Configure development and production environments for consistent and reproducible setups. Use when setting up new projects, Docker environments, or development tooling. Handles Docker Compose, .env configuration, dev containers, and infrastructure as code.