pixel-point
- 12 skills
- 0 followers
- 15 hours ago last updated
- ▌ Figma · pixel-pointUse when a Toolcraft task includes a Figma URL, node ID, or design-to-code requirement.
- ▌ Browser · pixel-pointUse to verify Toolcraft generated apps in a real local browser after implementation.
- ▌ Brainstorming · pixel-pointUse before creating Toolcraft app features, changing behavior, or assembling app specs.
- ▌ Writing Plans · pixel-pointUse before Toolcraft code changes once the product behavior or approved spec is clear.
- ▌ Systematic Debugging · pixel-pointUse before fixing broken Toolcraft controls, tests, builds, visual mismatches, exports, or runtime regressions.
- ▌ Figma Implement Design · pixel-pointUse to translate inspected Figma structure into a production-ready Toolcraft generated app.
- ▌ Densio · pixel-point bundleUse when a user wants to compress or optimize videos for websites, compare visual quality and file sizes, extract screenshots, trim clips, prepare streaming video, or manage Densio jobs and outputs.
- ▌ Tailwind Design System · pixel-pointBuild 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.
- ▌ Figma To Prime · pixel-point bundleBuild 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 visual-parity correction. Do not use for writing changes back to Figma or Prime Studio.
- ▌ Prime Visual Parity · pixel-point bundleAudit 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 deterministic proof. Do not use for general browser smoke tests or designs without exact measurement access.
- ▌ Primeui Page Builder · pixel-point bundleBuild 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 pages or sections through component candidate retrieval, validation, delivery, local editing, and verification.
- ▌ Prime Component Authoring · pixel-point bundleAdapt 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 unrelated general component work.