Skills
.Work. You
Rest

indesign-conversion

Official

Convert InDesign files to React components and tokens

Software Engineering#design tokens#storybook#react components#design to code#indesign#idml#pdf to react
AuthorPMDevSolutions
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Manually rebuilding InDesign designs as React components and extracting design tokens by hand is time-consuming and error-prone, especially when designers hand off exported IDML or PDF files for web implementation.

Core Features & Use Cases

  • Automated Component Generation: Converts exported InDesign IDML or PDF files into typed React components with accompanying Storybook stories for immediate preview and testing.
  • Design Token Extraction: Automatically maps InDesign styles and swatches to production-ready design tokens, including Tailwind presets, CSS files, TypeScript token files, and Style Dictionary JSON.
  • Use Case: Ideal for design-to-code workflows where you receive InDesign assets for brochures, marketing pages, or print-to-web projects and need a consistent, token-driven starting point instead of building components from scratch.

Quick Start

Use the indesign-conversion skill to process your exported InDesign IDML or PDF file and generate a ready-to-use React component set with matching design tokens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: indesign-conversion
Download link: https://github.com/PMDevSolutions/Aurelius/archive/main.zip#indesign-conversion

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.