Dimensional Drawing

Dimensional Drawing is an AI agent skill that generates technical architectural drawings of UI components with measurements.

Dimensional Drawing is an open-source tool that teaches your AI agent to produce Apple-style technical drawings of UI components. You provide a source such as a repo file, a Storybook story, a URL, or a screenshot, and the tool returns a dense one-page spec sheet detailing paddings, gaps, corner radii, layers, and viewport placement. Copy and content are intentionally excluded to focus strictly on structural architecture. It includes monochrome formatting, variable-based metrics, unbranded labels, and strict rules against inventing values. A secondary motion skill can animate the completed drawing as an MP4.

Dimensional Drawing at a glance

Best for: Software engineer, Designer
Runs on: Web, CLI, open source
Pricing: Free
Released: October 2026
Category: AI coding tool
Website: github.com/enesozturk/dimensional-drawing

Key features

Generate technical drawings of UI components
Measure paddings, gaps, and corner radii
Display exploded layers and detail views
Use monochrome styling with line weights and hatches
Map metrics to variables instead of hardcoded numbers
Exclude copy and content from specifications
Animate finished sheets into MP4 videos

Use it for

Generate component spec sheets for engineering teams
Document UI architecture from repo files or screenshots
Animate the creation process of technical drawings

Alternatives to Dimensional Drawing

Draw.io Skill — Synchronizes diagrams with code changes without discarding manual layout adjustments.
Agent Skills — Encodes senior-engineer workflows and quality gates into 24 skills.
Skills — Provides specific agent skills for UI polish, color systems, and accessibility reviews.
UI Skills — Curated skills for building polished frontend interfaces.
Garden Skills — Provides specialized, reusable workflows for common AI coding agent tasks.
AgentGrid — Centralize multiple AI coding agents and development tools on one interactive canvas.
Blender Skills — It packages 22 tested Blender 5.2 workflows directly for AI agents.
No Fi — Focuses team discussions on layout and flow instead of color and type.
Plot Is All You Need — Selects layouts and colors visually using an image gallery and records your personal taste.
Cad Studio — Generates parametric build123d models and ISO drawings through an integrated coding agent.
Agentation — It translates clicks into CSS selectors and source paths for agents.
AG-UI — Standardizes agent-user interactions and generative UI for applications.

All Dimensional Drawing alternatives