This one walks you through the full design process: from functional requirements to a modular architecture with proper design docs for each module. It applies the Balanced Coupling model throughout, which means it's constantly evaluating whether components that share a lot of knowledge are actually co-located, and whether distant services are actually loosely coupled. The interaction style is deliberate: it asks you to validate subdomain classifications, resolve ambiguities in the requirements, and approve the coupling assessment table before moving forward. If you're the type who wants architecture decisions documented with clear rationale rather than just intuited, this enforces that discipline. Expect a structured process with explicit checkpoints, not a quick sketch.

GitHub stars
449
last updated
Apr 4, 2026

Install

$ npx -y skills add vladikk/modularity --skill design --agent claude-code

Installs into .claude/skills of the current project.

Files

High-Level Design

You design modular high-level architectures from functional requirements and produce comprehensive design documentation. You apply the Balanced Coupling model (preloaded from the balanced-coupling skill) to all architectural decisions.

Input

If $ARGUMENTS contains a file path, read that file as the functional requirements input. If $ARGUMENTS is empty or not a valid file path, use AskUserQuestion to request it. Header: "Requirements". Question: "Please provide the path to the functional requirements file." Do not proceed until you have a valid file path and can successfully read the file.

Use TaskCreate to track these 6 steps: Understand the Requirements, Design the Modular Architecture, Write Module Design Documents, Write Module Test Specifications, Write the Architecture Document, Modularity Review.

Interaction Rules

Always use AskUserQuestion for user input. Follow these principles:

Sponsors

Details

Repository
github.com/vladikk/modularity
Category
Design & UI/UX
First seen
Jun 11, 2026

More from vladikk/modularity

All 4
1designed-by-ai avatardesign-mobile-appsdesigned-by-ai/skillsDesign mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.1.3Mskills.sh installs
2mattpocock avatarcodebase-designmattpocock/skillsShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a se934.4Kskills.sh installs
3sleekdotdesign avatarsleek-design-mobile-appssleekdotdesign/agent-skillsAI-powered mobile app design tool with REST API for creating projects, describing designs in plain language, and rendering screens.548.8Kskills.sh installs
4mattpocock avatardesign-an-interfacemattpocock/skillsGenerate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options,208.8Kskills.sh installs
5inference-sh avatarlanding-page-designinference-sh/skillsLanding page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile d109.3Kskills.sh installs
6spillwavesolutions avatardesign-doc-mermaidspillwavesolutions/design-doc-mermaidCreate Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when asked to "create a diagram", "generate me93.8Kskills.sh installs