Skill UI

This advanced skill provides highly structured and actionable feedback on any digital or physical design. It applies professional UX frameworks, including Nielsen's Heuristics, Gestalt principles, and Jobs-to-be-Done (JTBD), to evaluate usability, identify critical issues, and provide prioritized, specific recommendations. Ideal for reviewing wireframes, UI screens, user flows, and assessing product completeness.

This skill provides a comprehensive, structured audit of any design system. It assesses component coverage gaps against production UI, monitors design token consistency (color, spacing, typography), evaluates documentation quality, and checks for accessibility compliance. The output includes an overall health score and a prioritized remediation roadmap, making it essential for design leadership and engineering teams maintaining shared component libraries.

This skill generates a comprehensive and structured developer onboarding document for any service or codebase. It guides new engineers through the entire product lifecycle, covering architectural overview, local development setup, key coding patterns, testing strategies, CI/CD deployment processes, and team contacts, ensuring rapid productivity from day one.

Creates comprehensive, actionable disaster recovery (DR) documents for any service or system. It defines critical recovery targets (RTO/RPO), outlines failure scenario runbooks, specifies backup validation procedures, and establishes testing cadences. Use this tool when building site reliability engineering (SRE) practices or preparing for major system failure simulations.

Generates comprehensive and structured developer handoff annotations for any Figma screen or component. This tool transforms raw visual designs into precise, buildable specifications, covering interactions, states (loading, error, success), accessibility requirements, and edge cases, ensuring developers receive everything needed for implementation.

Provides a structured, outcome-based critique of design concepts, shifting the focus entirely from aesthetics to product viability. This skill is ideal for Product Managers needing to assess whether a design achieves specific user goals, meets core business metrics, and satisfies original requirements. It generates actionable feedback tied to measurable outcomes, ensuring all critique points are evidence-based and strategically relevant.

Runs a comprehensive, systematic QA check on Figma designs to ensure they are production-ready before handing off to engineering. The checklist rigorously evaluates file hygiene, component consistency, accessibility (WCAG AA), content completeness, and overall readiness across multiple platforms (iOS/Android/Web). Use this skill when needing to validate a design’s quality and structure to prevent costly development rework.

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 guides the planning and structuring of Figma prototypes specifically for usability testing and user research. It helps define the precise scope (in/out scope), specifies every interaction detail (trigger, elements, animations), builds comprehensive flow diagrams, and generates detailed test task scripts. It ensures the prototype is the minimum viable version needed to answer the research questions, preventing scope creep and over-engineering.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

This skill systematically defines all necessary variants, states, and properties for a Figma component before development. It ensures comprehensive coverage of all states (e.g., Hover, Disabled, Loading) and properties (e.g., Size, Type), generating a robust variant matrix that prevents critical design gaps and streamlines the entire component building process in Figma.

Generates a comprehensive and structured financial due diligence framework for any investment, M&A, or major partnership. It produces a detailed document request list, key analytical questions, red flags checklist, and a summarized financial health assessment, tailored to specific transaction types and diligence stages.