claude-design

Route Claude Design handoffs into the correct Segmently import workflow.

Updated Jun 29, 2026
One-click install
npx skills add https://github.com/segmently-ai/segmently-support-plugins --skill claude-design-segmently-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: claude-design
Source: https://github.com/segmently-ai/segmently-support-plugins/tree/main/plugins/segmently-launch-assistant/skills/claude-design
Command: npx skills add https://github.com/segmently-ai/segmently-support-plugins --skill claude-design-segmently-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill turns Claude Design handoffs into the right Segmently workflow so teams can import designs, themes, and sections without guessing where each export belongs.

Core Features & Use Cases

  • Design intake and routing: Detects Claude Design project links, handoff prompts, and section-versus-screen cases, then routes them to the proper workflow.
  • Segmently import workflows: Supports custom screen imports, FlexibleLayout sections, native theme extraction, and design-system round trips.
  • Operational guardrails: Guides target resolution, validation, health checks, and publish gating so imports stay incremental, reviewable, and safe.
  • Use case: A product designer shares a Claude Design onboarding mockup, and the skill helps move it into the correct Segmently onboarding or section target with the right follow-up steps.

Quick Start

Give the skill a Claude Design project link and the Segmently target so it can pull the design, choose the correct workflow, and prepare the import plan.

Frequently Asked Questions about claude-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I import Claude Design handoffs into Segmently workflows?

To import Claude Design handoffs into Segmently, provide the project link and target so the skill can pull the design, choose the correct workflow, and prepare the import plan automatically. This prevents guessing the target path for custom screens, sections, and themes.

What is native theme extraction and design-system routing for Segmently imports?

Native theme extraction and design-system routing pulls design tokens and components from Claude Design links and directs them into the correct Segmently design-system round trips. This ensures imported themes stay incremental, reviewable, and safe without manual path selection.

Can I import FlexibleLayout sections and custom screens from Claude Design?

Yes, you can import FlexibleLayout sections and custom screens from Claude Design. The skill detects section-versus-screen cases from handoff prompts and routes each export to the proper Segmently import workflow with per-workflow validation.

Do I need a specific Segmently target to route Claude Design project links?

Yes, you need to specify a Segmently target so the skill can resolve where the design belongs. Providing the target allows DesignSync-based retrieval, target resolution, and publish-gated CLI execution to move the design safely.

What's the best way to handle untrusted design content during Segmently design intake?

The best way to handle untrusted design content during Segmently design intake is using the skill's operational guardrails. It applies per-workflow validation, health checks, and publish gating so imports remain reviewable and safe from malicious content.

Why does my Claude Code handoff review for Segmently plugins fail validation?

Claude Code handoff review for Segmently plugins fails validation when trigger detection is imprecise or DesignSync retrieval is incomplete. The skill requires precise trigger detection and per-workflow validation to prevent incorrect target resolution and import errors.