From vamfi-software-consultancy
This skill should be used when the user asks to "design the target architecture", "create an HLD", "produce a high-level design", "design the future state", "create architecture decision records", "choose a tech stack", or needs to define what the system should look like after transformation.
npx claudepluginhub vamfi/vamfi-plugins --plugin vamfi-software-consultancyThis skill uses the workspace's default tool permissions.
Design a pragmatic, scalable, and secure target architecture grounded in the current state assessment and business requirements. Produce a High-Level Design (HLD) with Architecture Decision Records (ADRs) for every significant choice.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Design a pragmatic, scalable, and secure target architecture grounded in the current state assessment and business requirements. Produce a High-Level Design (HLD) with Architecture Decision Records (ADRs) for every significant choice.
Good architecture is the minimum structural decisions needed to achieve the required quality attributes. This skill produces a target HLD that is specific enough to guide implementation but flexible enough to adapt as understanding deepens.
Before designing, clarify the forces shaping the architecture:
Based on drivers and constraints, select the target pattern:
Document the decision in an ADR.
Context (Level 1): The system and its external actors and systems.
Containers (Level 2): The major deployable units (web app, API, worker, database, queue).
Components (Level 3, for critical containers): The key internal building blocks.
Describe each diagram in text using Mermaid syntax where helpful:
graph TD
User -->|HTTPS| WebApp
WebApp -->|REST| API
API -->|SQL| Database
API -->|AMQP| Queue
Queue --> Worker
For each layer, select technology and produce an ADR:
| Layer | Technology | Rationale | Alternatives Considered |
|---|---|---|---|
| Frontend | [tech] | [why] | [what else was evaluated] |
| Backend API | [tech] | [why] | [...] |
| Database | [tech] | [why] | [...] |
| Cache | [tech] | [why] | [...] |
| Queue/Event | [tech] | [why] | [...] |
| Infrastructure | [tech] | [why] | [...] |
For every significant decision, produce an ADR:
# ADR-[N]: [Short Decision Title]
**Status**: Proposed | Accepted | Deprecated
**Context**: [What forces led to this decision? What constraints apply?]
**Decision**: [What was decided?]
**Consequences**:
- Positive: [benefits of this choice]
- Negative: [trade-offs accepted]
**Alternatives Considered**:
- [Option A]: [why rejected]
- [Option B]: [why rejected]
Describe the path from current to target state:
Produce:
references/architectural-patterns.md — Pattern catalogue with trade-offsreferences/adr-library.md — Example ADRs for common decisionsassets/hld-template.md — Blank HLD template