🏗️
AI EngineeringShell

Design Code Architecture

by wondelai

Design Code Architecture is an AI Engineering skill for Claude Code, published by wondelai in skills.

1.9K stars195 forkson wondelai/skillsAdded 2026/08/18+2% in starsRepository updated 2026/08/10
agent-skillsai-skillsbusinessclaude-codeclaude-code-marketplaceclaude-code-pluginclaude-code-skillsclaude-pluginsclaude-skillscode-qualityframeworksmarketingproduct-strategyskill-mdskillsmpux
Install in seconds
Install Design Code Architecture
Copy Design Code Architecture into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/wondelai/skills/tree/main/design-code-architecture ~/.claude/skills/design-code-architecture

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/wondelai/skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
design-code-architecture/SKILL.md in wondelai/skills
Installs to
~/.claude/skills/design-code-architecture
Collection
One of 25 skills cataloged from this repository
Category
AI Engineering2451 skills

What Design Code Architecture does

Design Code Architecture guides an agent through eight phases of app architecture decisions — boundaries, domain model, data, and resilience — recording choices in docs/ so the journey resumes across sessions. Use it to design a new app's architecture before building, choose structure, or decide monolith vs microservices.

Design Code Architecture is cataloged under AI Engineering on DirSkills. Design Code Architecture comes from a repository tagged agent-skills, ai-skills, business, claude-code and claude-code-marketplace.

Documentation

README

Design Code Architecture

Design the architecture for a new app: get the small number of expensive-to-reverse decisions right and stay aggressively simple everywhere else. This is an interactive, resumable journey of eight phases — the agent asks before every decision and records the outcome in your project's docs/ folder, so you can stop after any phase and resume later. It runs from the most foundational and hardest-to-reverse (boundaries, domain) through the tunable (data, resilience) to the cross-cutting disciplines (complexity, reversibility, scope) you apply throughout. A weekend project uses three phases lightly; a funded team building toward launch wants the whole stack.

Core Principle

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Design Code Architecture

  • What else does wondelai publish alongside Design Code Architecture?

    Design Code Architecture is one of 25 skills that DirSkills catalogs from wondelai/skills, the repository it ships in. Its siblings there include 37signals Way, Blue Ocean Strategy and CRO Methodology. Each one is a separate skill with its own page in this directory, installs the same way Design Code Architecture does, and is maintained by wondelai in that same repository. The rest of the collection is listed on the wondelai/skills page.

  • How does Design Code Architecture compare to other AI Engineering skills?

    Design Code Architecture ranks #894 by stars among the 2451 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Design Code Architecture against them. Open each page to compare what they document and how they install.

More from wondelai/skills

Design Code Architecture is one of 25 skills cataloged on DirSkills from wondelai/skills.

See all 25 skills
✂️
2w ago

37signals Way

37signals Way applies the 37signals philosophy from Getting Real, Rework, and Shape Up to shape work, bet on six-week cycles, and ship lean products. Use it when cutting scope, avoiding overbuilding, or running a small team with fixed time and flexible scope.
Quality
1.9K195
🌊
2w ago

Blue Ocean Strategy

Blue Ocean Strategy creates uncontested market space using value innovation instead of competing head-to-head. Use it to apply the Four Actions Framework, Six Paths, and buyer utility map when a market is crowded or you need to find underserved non-customers.
AI Engineering
1.9K195
📈
2w ago

CRO Methodology

CRO Methodology audits websites and landing pages for conversion issues and designs evidence-based A/B tests based on customer research and objection handling. Use it when landing pages aren't converting, signups are low, or checkout flows have friction.
Frontend
1.9K195
🏛️
2w ago

Clean Architecture

Clean Architecture structures software around the Dependency Rule so source code dependencies point inward from frameworks to use cases to entities. Use when reviewing architecture layers, module boundaries, or deciding where business logic belongs.
Quality
1.9K195
🧹
2w ago

Clean Code

Clean Code applies disciplined naming, small functions, and clean error handling to make code more readable and maintainable. Use it when cleaning up messy code, reviewing pull requests for readability, or improving test quality.
Quality
1.9K195
🕸️
2w ago

Cold Start Problem

Cold Start Problem is a framework for starting and scaling networked products, based on Andrew Chen's model of network effects. Use it to plan cold starts, seed atomic networks, solve the hard side of marketplaces, and diagnose stalled network growth.
Automation
1.9K195