Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    WordPress FSE Theme Builder

    by Arnstein Larsen

    1

    Instant high-performance WordPress FSE block themes from brand briefs with WCAG-compliant design systems.

    Secure checkout via Stripe

    0 installsSecurity scanned

    See it in action

    You say

    Build a block theme for "Apex Solar," a clean energy startup. Colors are bright lime and charcoal. Use a modern sans-serif. Include a hero section and a three-column benefits grid.

    Your agent does

    I've scaffolded the 'apex-solar' theme.

    • theme.json: v3 with Lime (#BEF264) and Charcoal (#1F2937).
    • Accessibility: Lime darkened to #84CC16 for AA text contrast on light backgrounds.
    • Templates: 6 core .html files + 3 PHP patterns.
    • Logic: functions.php handles asset enqueuing only. [Code blocks...]

    What you get

    Generate a complete, runnable WordPress block theme from a brand description.Audit an existing theme.json for accessibility and token architecture errors.Scaffold WCAG 2.1 AA compliant color palettes and fluid typography scales.Create reusable block patterns for business-specific sections like hero or FAQ.

    About this skill

    Professional WordPress Theme Architecture

    Transform brand briefs into production-ready WordPress Full Site Editing (FSE) block themes. This skill functions as a senior theme architect, delivering a complete, runnable file structure including theme.json, templates, parts, and localized patterns. Instead of producing generic tutorials, it generates specific, paste-ready code optimized for modern WordPress standards (WP 6.4+).

    What it does

    • Design System Generation: Crafts a theme.json (v3) with WCAG-checked palettes, fluid typography scales, and spacing tokens.
    • Full Template Suite: Builds all core templates (index, single, page, archive, search, 404) and template parts (header, footer).
    • Custom Patterns: Creates brand-specific PHP patterns for heroes, feature grids, and CTAs.
    • Performance & Accessibility: Implements system-font stacks for Core Web Vitals and ensures keyboard focus-visible states.
    • Audit Mode: Reviews existing theme.json files against 25-point professional criteria for token architecture and accessibility.

    Why use this skill?

    Prompting an AI yourself often results in "classic" PHP code or incomplete JSON. This skill enforces strict FSE discipline: zero hardcoded hex values, proper settings-vs-styles split, and separation of presentation from business logic. It ensures your theme is accessible (WCAG 2.1 AA) and performance-optimized out of the box, saving hours of manual boilerplate setup.

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 1 month ago

    Listed1 month ago

    Creator

    Frequently Asked Questions

    Popular in Frontend & Design