Skill UI

This skill automates a structured Product Management (PM) design review process. It assesses a Figma design against defined product requirements (PRD) and user flows, ensuring functional completeness and readiness for engineering handoff. It checks for requirements coverage, handles edge cases (empty/error/loading states), identifies functional concerns (not aesthetic), and provides a clear, actionable approval status.

This skill generates a comprehensive spacing and layout token system for Figma. It establishes foundational design rules, including a scalable spacing scale (e.g., 4px/8px base), responsive grid definitions for various breakpoints, and component-specific spacing conventions. It ensures design consistency and provides clear guidelines for developer handoff.

This guide outlines Dynamic Workflow Mode, enabling coding agents to generate structured, task-local harnesses for complex, multi-step processes. It establishes a disciplined system for temporary workarounds, extracting reusable shared skills, and implementing control pane checkpoints. Use this when tasks require custom loops, multi-agent collaboration, or reliable handoff artifacts.

This skill helps transform vague product or engineering ideas into structured, verifiable acceptance criteria (AC). It is crucial for high-impact changes involving security, data migration, or external APIs. By inspecting existing context and asking minimal, targeted questions, it produces clear, observable criteria, significantly de-risking the development process and ensuring handoff readiness.