design-first

Guide teams through five-level design thinking before coding.

176|13|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/techygarg/lattice --skill design-first-techygarg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-first
Source: https://github.com/techygarg/lattice/tree/main/plugins/lattice/skills/design-first
Command: npx skills add https://github.com/techygarg/lattice --skill design-first-techygarg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Progressive design facilitation prevents premature coding by ensuring structured design thinking before implementation, reducing misalignment and future rework.

Core Features & Use Cases

  • Five progressive levels: Capabilities, Components, Interactions, Contracts, Implementation.
  • Clear guidance on when to start at a given level (e.g., Level 4 for simple utilities) to match scope.
  • A guided, iterative design workflow that surfaces decisions before any code is written, improving architecture and collaboration.
  • Supports optional references and assets to deepen understanding without breaking the design thread.

Quick Start

Provide a feature prompt and I will guide you through Level 1 to Level 5 before you start coding.

Frequently Asked Questions about design-first

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

FAQPage Schema
How do I structure software architecture design before coding to prevent rework?

Software architecture design before coding benefits from a progressive five-level framework: Capabilities, Components, Interactions, Contracts, and Implementation. This structured design thinking surfaces critical decisions and reduces misalignment prior to development.

What is progressive design thinking and how does it improve feature design workflows?

Progressive design thinking is an iterative workflow that enforces five levels of architectural analysis before implementation. It improves feature design workflows by guiding teams through capabilities, components, interactions, contracts, and implementation to prevent premature coding.

How do I start the design workflow for a simple utility instead of a full feature?

To start the design workflow for a simple utility, begin directly at Level 4 (Contracts) instead of Level 1. The framework provides clear guidance on selecting the appropriate starting level to match the specific scope of your software project.

Can I use this design thinking framework for refactoring discussions and architectural improvements?

Yes, you can use this design thinking framework for refactoring discussions and architectural improvements across software projects. It enforces five progressive levels of analysis to guide teams and surface decisions before any code is written.

Does progressive design facilitation require any external dependencies or specific tools?

Progressive design facilitation requires no external dependencies or specific tools. It operates entirely within your workflow by relying on frontmatter metadata for discovery and providing optional references to deepen architectural understanding without breaking the design thread.