skills.rest
dmlguq456
dmlguq456COMMUNITY
Explore all skills by this author →
GitHub

design-init

Initialize design workflow environments and generate design_state.yaml metadata.

7|Updated Mar 19, 2026
Search Tags:#design#mcp#bootstrap#asset inventory#ui workflow#design state
One-click install
npx skills add https://github.com/dmlguq456/agent_setting --skill design-init-dmlguq456
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-init
Source: https://github.com/dmlguq456/agent_setting/tree/main/adapters/claude/skills/design-init
Command: npx skills add https://github.com/dmlguq456/agent_setting --skill design-init-dmlguq456

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of starting design workflows without a consistent environment check, asset inventory, or initialized design state, helping teams prepare reliable design execution contexts.

Core Features & Use Cases

  • Design Environment Bootstrap: Checks and provisions Design MCP, related tools, and optional design integrations needed for visual workflows.
  • Asset Inventory and State Setup: Discovers existing design resources and creates a structured design_state.yaml to track workflow readiness.
  • Use Case: Prepare a new UI, slide, icon, or diagram design project by validating available tools and initializing the required design workspace metadata.

Quick Start

Use the design-init skill to initialize the design environment for a new mixed-scope design project and create the required design state file.

Frequently Asked Questions about design-init

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

FAQPage Schema
How do I bootstrap a design workflow environment and verify my MCP tooling?▼

To bootstrap a design workflow, this Skill checks and provisions Design MCP, verifies optional integrations, and generates a structured design_state.yaml file to track workflow readiness for your visual projects.

What is design state metadata and when do I need it for UI workflows?▼

Design state metadata is a structured file tracking your project's environment readiness and asset inventory. You need it when preparing UI, slide, icon, or diagram design projects to ensure consistent execution contexts.

How do I create an asset inventory for a new visual design project?▼

You can create an asset inventory by using a workflow bootstrap process that discovers existing design resources and initializes structured design state metadata to track them for downstream design phases.

Does design environment initialization work for slide and diagram design preparation?▼

Yes, design environment initialization applies to UI, slide, icon, and diagram design preparation scenarios, validating available tools and initializing the required design workspace metadata for each.

What's the best way to validate design tooling before starting a visual project?▼

The best way to validate design tooling is running an environment bootstrap that checks Design MCP provisioning, verifies optional design integrations, and outputs a design_state.yaml file confirming readiness.

Related Skills

Explore More Design & Creative Skills→
stericisherestericishere
1

claude-mcp-expert

Configure and troubleshoot MCP servers for Claude Code integration.

Community
Advanced
zangjeicyzangjeicy

claude-design

Generate high-fidelity HTML design artifacts in CLI or API environments.

Community
Advanced
huangjunsen0406huangjunsen0406
77

trellis-check

Run linting, type-checking, and cross-layer data flow analysis before code commits.

Community
Advanced
aws-samplesaws-samples
21

scaffold

Generate runnable agent project scaffolds from basic, multi-agent, RAG, and tool templates.

Official
Advanced