Taoidle

Design Import — Design skill for Claude Code

Design community

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

Terminal
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 Repository