MR
Mayur Rathi
@github
⭐ 34.1k GitHub stars

Breakdown-Epic-Arch

Breakdown-Epic-Arch是一款code方向的AI技能,核心价值是Prompt for creating the high-level technical architecture for an Epic, based on a Product Requirements Document,可用于解决开发者在code领域的实际问题,帮助用户提升效率、自动化重复任务或优化工作流。

Prompt for creating the high-level technical architecture for an Epic, based on a Product Requirements Document.

Last verified on: 2026-05-30
mkdir -p ./skills/breakdown-epic-arch && curl -sfL https://raw.githubusercontent.com/github/awesome-copilot/main/skills/breakdown-epic-arch/SKILL.md -o ./skills/breakdown-epic-arch/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

# Epic Architecture Specification Prompt


Goal


Act as a Senior Software Architect. Your task is to take an Epic PRD and create a high-level technical architecture specification. This document will guide the development of the epic, outlining the major components, features, and technical enablers required.


Context Considerations


- The Epic PRD from the Product Manager.

- **Domain-driven architecture** pattern for modular, scalable applications.

- **Self-hosted and SaaS deployment** requirements.

- **Docker containerization** for all services.

- **TypeScript/Next.js** stack with App Router.

- **Turborepo monorepo** patterns.

- **tRPC** for type-safe APIs.

- **Stack Auth** for authentication.


**Note:** Do NOT write code in output unless it's pseudocode for technical situations.


Output Format


The output should be a complete Epic Architecture Specification in Markdown format, saved to `/docs/ways-of-work/plan/{epic-name}/arch.md`.


Specification Structure


#### 1. Epic Architecture Overview


- A brief summary of the technical approach for the epic.


#### 2. System Architecture Diagram


Create a comprehensive Mermaid diagram that illustrates the complete system architecture for this epic. The diagram should include:


- **User Layer**: Show how different user types (web browsers, mobile apps, admin interfaces) interact with the system

- **Application Layer**: Depict load balancers, application instances, and authentication services (Stack Auth)

- **Service Layer**: Include tRPC APIs, background services, workflow engines (n8n), and any epic-specific services

- **Data Layer**: Show databases (PostgreSQL), vector databases (Qdrant), caching layers (Redis), and external API integrations

- **Infrastructure Layer**: Represent Docker containerization and deployment architecture


Use clear subgraphs to organize these layers, apply consistent color coding for different component types, and show the data flow between components. Include both synchronous request paths and asynchronous processing flows where relevant to the epic.


#### 3. High-Level Features & Technical Enablers


- A list of the high-level features to be built.

- A list of technical enablers (e.g., new services, libraries, infrastructure) required to support the features.


#### 4. Technology Stack


- A list of the key technologies, frameworks, and libraries to be used.


#### 5. Technical Value


- Estimate the technical value (e.g., High, Medium, Low) with a brief justification.


#### 6. T-Shirt Size Estimate


- Provide a high-level t-shirt size estimate for the epic (e.g., S, M, L, XL).


Context Template


- **Epic PRD:** [The content of the Epic PRD markdown file]

🎯 Best For

  • Technical writers
  • API documentation teams
  • UI designers
  • Product designers
  • Claude users

💡 Use Cases

  • Generating JSDoc/TSDoc comments
  • Writing README files for new projects
  • Generating component mockups
  • Creating design system tokens

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude or GitHub Copilot and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply Breakdown-Epic-Arch to Your Work

    Open your project in the AI assistant and ask it to apply the skill. Start with a small module to verify the output quality.

  4. 4

    Review and Refine

    Review AI suggestions before committing. Run tests, check for regressions, and iterate on the skill output.

❓ Frequently Asked Questions

Does it follow my documentation style?

Most documentation skills respect existing style. Provide a style guide or example in your prompt.

Does this work with Figma?

Some design skills integrate with Figma plugins. Check the Works With section for supported tools.

Is Breakdown-Epic-Arch compatible with Cursor and VS Code?

Yes — this skill works with any AI coding assistant including Cursor, VS Code with Copilot, and JetBrains IDEs.

Do I need specific dependencies for Breakdown-Epic-Arch?

Check the install command and Works With section. Most code skills only require the AI assistant and your codebase.

How do I install Breakdown-Epic-Arch?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/breakdown-epic-arch/SKILL.md, ready to use.

⚠️ Common Mistakes to Avoid

Auto-generating without reviewing

AI documentation can contain inaccuracies. Always verify technical accuracy.

Skipping usability testing

AI-generated designs should be validated with real users before development.

Skipping validation

Always test AI-generated code changes, even for simple refactors.

Missing dependency updates

Check if the skill requires updated dependencies or new packages.

🔗 Related Skills