taskvegas.

TASKVEGAS / recipe

Design a screen with source evidence

Build design guidance, inspect the selected Figma nodes, and check implementation documentation. Review connections and permission requirements before executing steps.

This is a workflow description. Your assistant runs individual typed tools using permissions you already approved; viewing this page does not execute them.

Required connections

Workflow steps

  1. Build a design system

    taskvegas_design_system

    Describe the product and desired screen. Request typography, color, layout and accessibility guidance.

  2. Inspect the selected design

    figma_read_nodes

    Provide an accessible Figma file key and the exact node IDs to inspect.

  3. Resolve the implementation library

    context7_find_library

    Resolve the library for the chosen UI implementation stack.

  4. Read current implementation guidance

    context7_read_docs

    Use the resolved library ID and ask for one scoped implementation concept.

Check the result

Verify exact source identifiers, account scope, truncated output and any missing requirements. If a connection or permission is missing, stop and complete setup. Never replace missing provider credits with TaskVegas-funded usage.

Read a worked guide