skills.rest
matt-fell-ai
matt-fell-aiCOMMUNITY
Explore all skills by this author →
GitHub

spatial

Translate visual sketches and diagrams into database schemas and project scaffolds.

1|Updated Dec 18, 2025
Search Tags:#architecture#visualization#infrastructure#vision#diagram#spatial#diagram-to-code
One-click install
npx skills add https://github.com/matt-fell-ai/PAI --skill spatial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: spatial
Source: https://github.com/matt-fell-ai/PAI/tree/main/skills/Spatial
Command: npx skills add https://github.com/matt-fell-ai/PAI --skill spatial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Spatial translates visual sketches and diagrams into actionable project infrastructure and code, bridging the gap between ideas and implementation.

Core Features & Use Cases

  • Diagram-to-Code: Converts whiteboard or diagram sketches into database schemas or project scaffolds.
  • Unified Design: Enforces a clear design before building, reducing rework.
  • Visualization to Execution: Converts visual models into executable infrastructure templates.

Quick Start

  • pai run Spatial blueprint "schema_sketch.jpg"
  • pai run Spatial map "figma_export.png"

Frequently Asked Questions about spatial

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

FAQPage Schema
How do I convert a whiteboard sketch or diagram into code and database schema?▼

Diagram-to-code translation extracts visual elements from photos or digital sketches and generates executable infrastructure. Spatial processes whiteboard photos, hand-drawn diagrams, and design mockups to produce database schemas, migrations, and project scaffolds automatically.

Can I use a hand-drawn diagram to generate my project architecture?▼

Yes. Spatial converts hand-drawn and whiteboard diagrams directly into project infrastructure and code. It extracts nodes and relationships from images to scaffold database migrations, folder structures, and architectural templates.

What file formats and image types does diagram-to-code support?▼

Spatial works with whiteboard photos, hand-drawn sketches, digital mockups, and Figma exports. It processes visual inputs to extract structural information and output executable schemas and project scaffolds.

Do I need to redraw my architecture before I can use it to build infrastructure?▼

No. Spatial eliminates redrawing by translating existing visual models—whiteboard photos, sketches, and design exports—directly into executable infrastructure and code without manual recreation.

What's the difference between sketch-based and traditional infrastructure planning?▼

Sketch-based infrastructure enforces visual design upfront, reducing rework and miscommunication. Spatial bridges whiteboard-to-execution by converting visual models into migrations and code scaffolds immediately, creating a single source of truth.

Can Spatial handle complex database relationships and Figma designs together?▼

Yes. Spatial processes both hand-drawn database diagrams and Figma exports as inputs, extracting nodes and relationships to generate database schemas, migrations, and complete project infrastructure from unified visual representations.

Related Skills

Explore More Design & Creative Skills→
qprjack86qprjack86

excalidraw

Create hand-drawn whiteboard diagrams and wireframes as editable Excalidraw JSON.

Community
Intermediate
daveiodaveio

d1-drizzle-schema

Generate Drizzle ORM schemas for Cloudflare D1 databases with migrations.

Community
Advanced
russell-lubojackyrussell-lubojacky

pdf-analyzer

Extract PDF text and convert diagrams to Mermaid code.

Community
Basic
FutureAtomsFutureAtoms
1

react-native-2026-figma-to-code

Convert Figma designs into React Native code using Locofy.ai and Builder.io.

Community
Intermediate