skills.rest
semicolon-devteam
semicolon-devteamOFFICIAL
Explore all skills by this author →
WebsiteGitHub

onboarding-design

Automate designer onboarding workflows for SEMO-Design package users.

Updated Dec 11, 2025
Search Tags:#design#onboarding#figma#mcp#workflows
One-click install
npx skills add https://github.com/semicolon-devteam/semo --skill onboarding-design
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
semicolon-devteamsemicolon-devteam

health-check

Checks design-environment readiness for SEMO-Design by validating installed tools and producing a structured report.

Official
Intermediate
davpatel605-beepdavpatel605-beep

design-md

Create and validate DESIGN.md design token specification files with YAML front matter.

Community
Intermediate
figmafigma
1.9k

create-design-system-rules

Generate project-specific design system rules for Figma-to-code implementations.

Official
Intermediate
89jobrien89jobrien
4

developer-experience

Automate developer environment setup, dependency installation, and code quality checks.

Community
Intermediate