component-architecture

Define logical component designs with interfaces and data schemas.

Updated Feb 6, 2026
One-click install
npx skills add https://github.com/wtah/spec-master --skill component-architecture-wtah
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: component-architecture
Source: https://github.com/wtah/spec-master/tree/main/.claude/skills/component-architecture
Command: npx skills add https://github.com/wtah/spec-master --skill component-architecture-wtah

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps architecture teams define precise, logical component designs at the architectural level, focusing on interfaces, data schemas, and responsibilities without code. It standardizes how components are described and governed across projects, enabling consistent development and review.

Core Features & Use Cases

  • Define WHAT, not HOW: Capture contracts, interfaces, and data models without implementation details.
  • Module & Interface Design: Outline module responsibilities and their public/internal interfaces to enable consistent development.
  • Schema & Governance: Specify data models and accountability to support reusable components across projects.
  • Use Case: When designing a new component, create .specs/ design.md, interfaces.md, and schemas.md to guide implementation and enable governance reviews.

Quick Start

Create a new component by outlining its logical design in {component}/.specs/: design.md, interfaces.md, schemas.md, test-scenarios.md, and ADRs as needed.

Frequently Asked Questions about component-architecture

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

FAQPage Schema
How do I define component interfaces without writing implementation code?

To define component interfaces without code, outline module responsibilities and public contracts in design.md and interfaces.md files. This approach captures schemas and interface boundaries at the architectural level, separating logical design from implementation details.

What is the best way to standardize component design documentation across projects?

Standardize component design documentation by generating artifacts like design.md, interfaces.md, and schemas.md under a .specs/ directory. This enforces consistent governance, accountability, and reusable component descriptions across multiple architecture projects.

How do I create architecture decision records for component governance?

Create architecture decision records (ADRs) alongside test-scenarios.md and design artifacts in the .specs/ directory. This enforces governance by documenting accountability, interface contracts, and logical component designs for review.

Does component architecture design require specific frameworks or dependencies?

Component architecture design requires no specific frameworks or dependencies. It focuses purely on logical blueprints, defining WHAT modules do through interfaces and data schemas to guide implementation rather than relying on code libraries.

When should I use logical component blueprints instead of direct implementation?

Use logical component blueprints when you need to standardize interfaces, data schemas, and module responsibilities across teams before coding. This approach ensures consistent development and enables architecture governance reviews without implementation constraints.