onboarding-design

Name: onboarding-design
Availability: InStock
Author: Semicolon

Automate designer onboarding workflows for SEMO-Design package users.

Updated Dec 11, 2025

Search Tags:#design #onboarding #figma #mcp #workflows

Ready to run

npx skills add https://github.com/semicolon-devteam/semo --skill onboarding-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: onboarding-design
Source: https://github.com/semicolon-devteam/semo/tree/main/packages/biz/design/skills/onboarding-design
Command: npx skills add https://github.com/semicolon-devteam/semo --skill onboarding-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

디자이너 온보딩을 체계적으로 안내하고 디자인 워크플로우를 빠르게 학습하도록 돕습니다.

Core Features & Use Cases

디자인 워크플로우 안내: 요청 수신 → 범위 정의 → 디자인 작업 → 리뷰 → 핸드오프
Figma MCP 연동 확인: MCP 서버 연결 및 워크플로우 시연
디자인 토큰 안내: 색상/타이포그래피/간격의 표준화 토큰 제시

Quick Start

온보딩 시작 요청에 따라 5단계 워크플로우를 따라가며 MCP 연동과 토큰 정의를 확인합니다.

Frequently Asked Questions about onboarding-design

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

FAQPage Schema

How do I set up designer onboarding workflows with Figma and MCP?▼

Designer onboarding workflows automate the handoff between design and development by integrating Figma with MCP servers. This Skill guides you through workflow briefing, Figma project setup, design token definition, and QA validation using MCP connections and Markdown documentation to ensure consistent design standards.

What are design tokens and why do I need them in my workflow?▼

Design tokens are standardized values—colors, typography, spacing—that define your design system. This Skill documents token definitions during onboarding so designers and developers use consistent values throughout the project, reducing misalignment during handoff.

Can I automate Figma project setup for new team members?▼

Yes. This Skill automates Figma project setup during designer onboarding by verifying MCP integration, generating workflow documentation, and validating environment prerequisites, so new designers start with properly configured projects and clear process guidance.

What prerequisites do I need before starting the onboarding process?▼

You need SEMO-Design package Phase 0–2 completion, Figma MCP integration configured, and environment checks passed. This Skill validates these prerequisites before guiding you through the five-stage workflow from request intake through QA validation.

Does this support design-to-development handoff documentation?▼

Yes. This Skill generates Markdown-ready handoff documentation that captures design decisions, MCP status, and token definitions, enabling smooth communication between designers and developers while maintaining a reference record.