pixel-point

Use before creating Toolcraft app features, changing behavior, or assembling app specs.

Use to verify Toolcraft generated apps in a real local browser after implementation.

Use to translate inspected Figma structure into a production-ready Toolcraft generated app.

Use when a Toolcraft task includes a Figma URL, node ID, or design-to-code requirement.

Use before fixing broken Toolcraft controls, tests, builds, visual mismatches, exports, or runtime regressions.

Use before Toolcraft code changes once the product behavior or approved spec is clear.

Build or update a page or one page section in a Prime-linked local frontend project from a user-supplied Figma file or node. Use when the user wants Figma-to-code through Prime component matching, Prime-conformant custom components, and deterministic…

Audit and iteratively correct a Prime Figma implementation using exact design and browser measurements, aligned screenshots, media masks, and a machine-owned pass or blocking result. Use after Figma-to-code implementation or when a visual-parity claim needs…

Adapt or create a local React and Tailwind page component from Prime implementation references when an existing Prime component cannot be reused unchanged. Use for Figma-to-Prime sections classified as adapt or custom. Do not use for registry write-back or…

Build or edit pages or individual page sections in a Prime-linked local frontend project, including standard blog, legal, docs, pricing, and contact pages without Figma. Routes standard pages through Prime project creation and full-page export, and composed…

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.