Back to LibraryBack
API Design Workshop

API Design Workshop

An API schema design and documentation tool design system with syntax-highlighted editors, type relationship graphs, request/response split panes, and breaking change detection.

View live exhibit
Design Language
A developer-tool design system using syntax-highlighted schema editors, type relationship graphs, split-pane request/response previews, and breaking change diff views to support API schema design, documentation, and versioning workflows.
Agent instructions (SKILL.md)(advanced)
Design Skill
This Design Skill provides a complete visual and interaction system for API schema design and documentation tools. It defines VS Code dark theme-inspired syntax-highlighted editors, type relationship graph visualization, request/response split-pane previews, breaking change detection with migration suggestions, and endpoint tree navigation with HTTP method color coding. The system uses JetBrains Mono for code, Inter for UI, and a precise dark editor aesthetic.

Reviews

Related styles
Space Mission Telemetry
Space Mission Telemetry
Smart Home Ambient Hub
Smart Home Ambient Hub
Quantum Circuit Workbench
Quantum Circuit Workbench
Incident Command Center
Incident Command Center
Autonomous Fleet Command
Autonomous Fleet Command
AI Copilot Code Canvas
AI Copilot Code Canvas