From architect
Design system architecture for a feature or service — produces component diagrams, data flow, and tech decisions
npx claudepluginhub silviaare95/xari-plugins --plugin architectThis skill uses the workspace's default tool permissions.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.
Design the architecture for: $ARGUMENTS
Clarify scope — Identify what's being built, who uses it, and at what scale. If the input is vague, state your assumptions explicitly before proceeding.
Identify components — Break the system into discrete services, modules, or layers. For each:
Data flow — Map how data moves through the system:
Define boundaries — Identify:
Infrastructure — Recommend:
## System Design: <name>
### Overview
<2-3 sentence summary>
### Components
| Component | Responsibility | Tech | Interfaces |
|-----------|---------------|------|------------|
| ... | ... | ... | ... |
### Data Flow
<Numbered steps or ASCII diagram>
### Key Decisions
- <Decision 1>: <choice> because <reason>
- <Decision 2>: <choice> because <reason>
### Risks & Mitigations
- <Risk>: <mitigation>
### Open Questions
- <Things that need team input>