design

Generate system architecture, OpenAPI 3.0 schemas, and interactive HTML UI mockups.

3|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/cwijayasundara/claude_harness_eng_v5 --skill design-cwijayasundara
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/cwijayasundara/claude_harness_eng_v5/tree/main/.claude/skills/design
Command: npx skills add https://github.com/cwijayasundara/claude_harness_eng_v5 --skill design-cwijayasundara

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, openapi-generator, jsonschema, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive solution for generating system architecture, machine-readable schemas, and UI mockups, streamlining the design process for software development.

Core Features & Use Cases

  • System Architecture: Generate high-level architecture overviews for software systems.
  • Machine-Readable Schemas: Create OpenAPI 3.0 and JSON Schema definitions for APIs and data models.
  • UI Mockups: Produce interactive HTML mockups for user interfaces.
  • Use Case: When designing a new software application, use this Skill to create an initial architecture, API contracts, and UI mockups to communicate design decisions to stakeholders.

Quick Start

Run the design skill with the /design command to generate architecture and mockups for your project.

Frequently Asked Questions about design

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

FAQPage Schema
How do I generate system architecture and UI mockups for a new software application?

System architecture generation creates high-level overviews for software systems, while UI mockups produce interactive HTML interfaces. These visual outputs help communicate software design decisions and structural planning to stakeholders before development begins.

How do I create OpenAPI 3.0 and JSON Schema definitions for my API data models?

Creating machine-readable schemas involves generating OpenAPI 3.0 and JSON Schema definitions for APIs and data models. This process requires Python and uses openapi-generator alongside jsonschema libraries to produce standardized, machine-readable contract definitions.

Do I need Python and specific libraries to generate machine-readable schemas and architecture overviews?

Yes, generating machine-readable schemas and architecture overviews requires Python along with openapi-generator and jsonschema libraries. These dependencies handle API definition parsing, schema validation, and system visualization for the software design pipeline.

Can I generate only API documentation without creating UI mockups for my software design?

Yes, the software design pipeline supports doc-only mode to generate API documentation without UI mockups. It also offers full pipeline mode, delta mode for incremental updates, and baseline recovery mode for restoring previous architecture states.

What is the best way to update existing system architecture and schemas without regenerating everything?

The best way to update existing system architecture is using delta mode, which applies incremental changes to schemas and mockups without full regeneration. This targeted approach modifies specific components while preserving the baseline architecture and existing design structure.

Why use a single pipeline for system architecture, schemas, and UI mockups instead of separate tools?

Using a single pipeline for system architecture, schemas, and UI mockups ensures consistency across API contracts, data models, and user interfaces. It streamlines the software design process by unifying OpenAPI generation, JSON Schema validation, and HTML mockup creation in one workflow.