architecture

Translate feature specs into high-level architecture designs with component structures and data flows.

Updated Aug 27, 2025
One-click install
npx skills add https://github.com/Andrej1601/HTMLSignage --skill architecture-andrej1601
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: architecture
Source: https://github.com/Andrej1601/HTMLSignage/tree/main/.agents/skills/architecture
Command: npx skills add https://github.com/Andrej1601/HTMLSignage --skill architecture-andrej1601

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps product teams and developers convert feature specs into high-level architecture designs without exposing implementation details.

Core Features & Use Cases

  • High-level component structure diagrams and data flows to align stakeholders.
  • Clear justification of design decisions and dependencies to reduce rework.
  • Use Case: when a new feature is scoped, create a Solution Architecture plan to guide frontend/backend decisions.

Quick Start

Provide a high-level architecture design plan for the given feature spec.

Frequently Asked Questions about architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate feature specs into high-level architecture designs?

Translating feature specs into high-level architecture designs involves mapping product features to system components and data flows. This process documents the component structure and data models in plain language to align stakeholders.

What is the best way to map features to system components and data flows?

The best way to map features to system components and data flows is by creating a high-level architecture design that documents component structure and data models in plain language to align stakeholders and reduce rework.

How do I create a solution architecture plan for a newly scoped feature?

To create a solution architecture plan for a newly scoped feature, you input the feature spec to generate component structure diagrams and clear justifications for design decisions, guiding frontend and backend choices without implementation details.

Does this architecture design approach include implementation details for developers?

No, this architecture design approach does not include implementation details. It focuses on high-level component structure, data flows, and clear justification of design decisions to align product teams and developers.

Can I use this to align stakeholders on tech decisions and dependencies?

Yes, you can use this to align stakeholders on tech decisions and dependencies. It provides clear justification of design decisions and high-level component diagrams to ensure product teams and developers share a common understanding.

Why should I generate high-level component diagrams instead of detailed implementation plans?

You should generate high-level component diagrams instead of detailed implementation plans to reduce rework and align stakeholders. It focuses on overall system design and data flows rather than exposing specific implementation details.