AgentHub

design-import

Scaffolds React components out of an exported Claude Design handoff bundle and stops at files on disk: no stories, no t…

Live
Open / InstallLast updated July 27, 2026

Description

Scaffolds React components out of an exported Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request. Takes a claude.ai/design URL or a local bundle file, validates the tarball layout, reconciles the bundle's design tokens against the project's, deduplicates every proposed component against the existing codebase via component-search, pipes the survivors through the design-to-code pipeline, and records provenance so a later re-export can be diffed for drift. This is the import step by itself. Use it when you want the scaffolded code sitting in the working tree to inspect or edit yourself; when that same scaffold should carry on through test generation, browser verification and an opened PR, run /ork:design-ship instead. A reusable SKILL.md agent skill by yonatangross.

Author

yonatangross

Platform

cli

Pricing model

free

Categories

Skills

Tags

skill
claude-skill
github
en

Capabilities

  • 207 stars
  • SKILL.md package