skills.rest
nishantnaagnihotri
nishantnaagnihotriCOMMUNITY
Explore all skills by this author →
GitHub

ux-design-execution

Coordinates UX design execution for Gate 3A using ux-agent and MCP.

Updated Jan 30, 2019
Search Tags:#workflow#figma#mcp#ux#design-system#gate-3a#ux-agent
One-click install
npx skills add https://github.com/nishantnaagnihotri/tark-vitark --skill ux-design-execution
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-design-execution
Source: https://github.com/nishantnaagnihotri/tark-vitark/tree/main/.github/skills/ux-design-execution
Command: npx skills add https://github.com/nishantnaagnihotri/tark-vitark --skill ux-design-execution

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This workflow orchestrates the end-to-end UX execution process for Gate 3A, aligning Figma design work with design-system operations and MCP-based verification to ensure production-ready artifacts.

Core Features & Use Cases

  • Orchestrates Challenge Phase workflows to produce a robust UX Flow/State Package.
  • Executes Figma frames and DS library operations via MCP, following the single-screen-first protocol.
  • Validates UX coverage before Design QA for gates and handoffs to design validation teams.
  • Supports iteration through ux-agent driven tasks, DS token references, and MCP verification loops.

Quick Start

Launch the ux-design-execution workflow to generate the UX Flow/State Package and deliver Figma frames via MCP using the single-screen-first protocol.

Frequently Asked Questions about ux-design-execution

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

FAQPage Schema
How do I coordinate Figma design frames and design system library operations for UX execution?▼

Gate 3A UX execution validates UX coverage by enforcing the Challenge Phase workflow and packaging UX Flow/State components before routing artifacts to Design QA teams for final handoff.

What is the single-screen-first protocol for UX design execution?▼

MCP verification in UX design execution ensures production-ready artifacts by validating MCP write and read operations during the creation of Figma frames and DS library token references.

How does a UX agent execute Challenge Phase workflows for design validation?▼

A UX agent executes Challenge Phase workflows by orchestrating iterative tasks, applying DS token references, and packaging UX Flow/State components to validate design coverage before QA handoff.

Can I use MCP to validate UX coverage before design QA handoffs?▼

Yes, you can use MCP to validate UX coverage before design QA by executing read and write verification loops that ensure Figma frames and DS library operations meet production-ready standards.

Do I need a design system library to execute UX flows using MCP?▼

Yes, a design system library is required to execute UX flows using MCP, as the workflow applies DS token references and executes DS library operations to generate the validated UX Flow/State package.

Related Skills

Explore More Design & Creative Skills→
tech-leads-clubtech-leads-club
5.0k

figma-implement-design

Translate Figma designs into production-ready UI code via Figma MCP.

Official
Advanced
pchemguypchemguy

figma

Convert Figma frames and layers into React components styled with Tailwind.

Community
Intermediate
mayzhangminmayzhangmin

bee-ds-live-lookup

Retrieve live Bee-DS components, tokens, and icons via Figma MCP.

Community
Advanced
NagyViktNagyVikt
2

figma-generate-design

Generate and synchronize Figma screens from source code UI structures.

Community
Advanced