image-to-code-skill

Semantic Design System Skill for Google Stitch.

Develops custom WordPress themes and plugins, creates and registers Gutenberg blocks and block patterns, configures WooCommerce stores, implements WordPress REST API endpoints, applies security hardening, and optimizes performance through caching and query tuning.

Investigate a question against high-trust primary sources and capture the findings as a Markdown file in the repo.

Set up Cloudflare Turnstile end-to-end — scan the codebase, create the widget, deploy the siteverify Worker, and write frontend snippets.

Production-grade Bash scripting: bash-pro and posix-shell-pro agents plus the bash-defensive-patterns, bats-testing-patterns, and shellcheck-configuration skills.

Install improve-codebase-architecture together with the mattpocock skills it calls at runtime (grilling, codebase-design, domain-modeling). Bundles them as dependencies.

Teaches the AI to design like a high-end agency.

A relentless interview to sharpen a plan or design.

Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests.

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.