Design Import — Design skill for Claude Code
Import an external design document (Markdown, JSON, or HTML from Confluence/Notion) and convert it to design_doc.json format for Plan Cascade integration.
How to install Design Import
Installs to ~/.claude/skills/taoidle-plan-cascade-design-import/SKILL.md
mkdir -p ~/.claude/skills/taoidle-plan-cascade-design-import && curl -fsSL https://raw.githubusercontent.com/Taoidle/plan-cascade/HEAD/commands/design-import.md -o ~/.claude/skills/taoidle-plan-cascade-design-import/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Import does
description: "Import an external design document (Markdown, JSON, or HTML from Confluence/Notion) and convert it to design_doc.json format for Plan Cascade integration."
Plan Cascade - Import Design Document
Import an external design document and convert it to the unified `design_doc.json` format used by Plan Cascade.
Path Storage Modes
Design documents are user-visible files and remain in the working directory in both modes:
design_doc.json: Created in current working direc
Alternatives in Design
- Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
- Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★
- Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Design Doc
Write a design doc / RFC as Markdown in the user's repository. Use when invoked as /document-design-system:des
Tech Design
Use when writing a tech design, architecture doc, RFC, or design document — follows Google Design Doc format
Gen Sys Doc
Full repo crawl → single Markdown system design document with inline Mermaid diagrams. Pre-flights language/fr
Skill Doc2ppt
Convert Markdown or Word documents into clean, Claude-style presentations in HTML or PPTX with simple, minimal
J Explain
Generate a self-contained HTML document or information report that explains a topic — inline CSS/JS/SVG, visua
Import Design
Import a design from an external tool (Figma, Stitch, v0, Pencil, Claude Design, DESIGN.md, or React JSX) into
Related Agents
Silas
Database Architect. Use proactively for external knowledge imports (any "import / migrate / convert / bring in
Markdown Doc Sync
Preferred markdown ↔ remote-doc sync — Google Docs and Confluence via docspan (markgate repo). Use for pushing
Python Document Processor
Production-grade Python document processor for PDF/DOCX/Markdown/TXT extraction with robust error handling, te