Figma to Blade | Agent Skills Atlas

About this skill

Volledige workflow om een Figma-design om te zetten naar een geverifieerd Blade-blok in dit Radicle WordPress project. Haalt context op via Figma MCP, genereert een Blade-template volgens de project-conventies (Tailwind v4 @theme tokens, ACF flex blocks, () vertaling, currentColor SVG's), en verifieert het resultaat via Playwright MCP op de lokale dev-URL (uit .env WPHOME) met zowel screenshot-vergelijking als computed-style checks. Gebruik deze skill wanneer de gebruiker een Figma-URL aanlevert en die wil omzetten naar een Blade-blok in dit project. Activeer altijd samen met de skills figma-tailwind-html, tailwind-v4 en acf.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 48f8aa61c662b6624b5b3c728878643aa5d847b697c975b3598a4d552d4f20e5

About scan coverage and limitations

Original listing metadata

Original name

figma-to-blade

Original description

Volledige workflow om een Figma-design om te zetten naar een geverifieerd Blade-blok in dit Radicle WordPress project. Haalt context op via Figma MCP, genereert een Blade-template volgens de project-conventies (Tailwind v4 @theme tokens, ACF flex blocks, __() vertaling, currentColor SVG's), en verifieert het resultaat via Playwright MCP op de lokale dev-URL (uit `.env` WP_HOME) met zowel screenshot-vergelijking als computed-style checks. Gebruik deze skill wanneer de gebruiker een Figma-URL aanlevert en die wil omzetten naar een Blade-blok in dit project. Activeer altijd samen met de skills `figma-tailwind-html`, `tailwind-v4` en `acf`.

About this listing

Category: General
Reported license: MIT
Listing language (estimated): Dutch
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.