dev-architecture

Design high-level technical architecture for product features with component structure and data models.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/DerSalvador/openclaw-deepseek --skill dev-architecture
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-architecture
Source: https://github.com/DerSalvador/openclaw-deepseek/tree/main/skills/dev-architecture
Command: npx skills add https://github.com/DerSalvador/openclaw-deepseek --skill dev-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps product managers and stakeholders understand the technical design of new features without getting bogged down in code details.

Core Features & Use Cases

  • High-Level Design: Creates PM-friendly architecture plans, focusing on 'what' and 'why', not 'how'.
  • Component Structure: Visualizes UI components and data flow.
  • Data Modeling: Describes data storage and purpose in plain language.
  • Tech Decisions: Justifies technology choices for non-technical audiences.
  • Use Case: A product manager needs to understand how a new "Task Board" feature will work. This Skill generates a design showing the UI components (columns, cards), how data will be stored (e.g., local storage vs. database), and why certain approaches are chosen, all in an easy-to-understand format.

Quick Start

Ask the dev-architecture skill to design the technical architecture for the feature described in features/PROJ-123.md.

Frequently Asked Questions about dev-architecture

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

FAQPage Schema
How do I design technical architecture for product features without writing code?

You can generate a high-level technical architecture design that outlines component structure, data models, and technology decisions with justifications. This provides PM-friendly architecture plans focusing on the 'what' and 'why' instead of code implementation details.

What is the best way to visualize data models and UI components for non-technical stakeholders?

The best way to visualize data models for non-technical stakeholders is to generate a plain-language technical design. This design describes data storage purposes and outlines UI component structures, ensuring product managers understand the feature architecture without getting bogged down in code details.

How do I justify technology decisions for a new feature to a product manager?

To justify technology decisions for a product manager, use a high-level technical design that explains why certain approaches are chosen. This design translates complex technical architecture into an easy-to-understand format, focusing on component structure and plain-language data modeling.

Do I need existing feature specifications to plan technical architecture?

Yes, you need existing feature specifications and an understanding of current project components via git to plan technical architecture. These inputs provide the context required to outline component structure, model data, and justify technology decisions for the new feature.

When should I avoid using high-level technical design for feature planning?

You should avoid using high-level technical design for feature planning when you need detailed code implementation specifics. This approach targets product managers and non-technical stakeholders, focusing on the 'what' and 'why' rather than the 'how' of coding the architecture.