Skills
.Work. You
Rest

moai-workflow-design-import

Official

Import Claude handoffs into MoAI design tokens.

Design & Creative#design#components#claude#handoff#assets#tokens#import
Authormodu-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill processes Claude Design handoff bundles (ZIP or HTML), extracting design tokens, component manifests, and static assets for expert-frontend delegation while validating bundle versions and returning structured error information for fallback workflows.

Core Features & Use Cases

  • Ingest Claude handoff bundles (ZIP or HTML) and extract tokens, components, and assets for frontend handoffs.
  • Validate the bundle version against the supported_bundle_versions whitelist and emit standardized error codes with guidance for path B.
  • Output normalized design artifacts to .moai/design (tokens.json, components.json, assets) and support partial recoveries with warnings.
  • Enable fallback workflows via path B to continue branding/import tasks when bundle import fails.

Quick Start

Place a Claude handoff bundle (ZIP or HTML) and run the moai design workflow to import tokens, components, and assets while validating the bundle version.

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: moai-workflow-design-import
Download link: https://github.com/modu-ai/moai-studio/archive/main.zip#moai-workflow-design-import

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 471,000+ vetted skills library on demand.