alessioarzenton

alessioarzenton/claude-code-wp-toolkit

Agent Claude Code

Scans Blade and CSS files for WCAG 2.2 AA accessibility issues. Use proactively after template modifications.

alessioarzenton/claude-code-wp-toolkit

Agent Claude Code

Analyzes Figma designs and extracts specs mapped to the project's design tokens. Use when working with Figma links.

alessioarzenton/claude-code-wp-toolkit

Command Claude Code

WCAG 2.2 AA accessibility audit on specific files or the entire project.

alessioarzenton/claude-code-wp-toolkit

Command Claude Code

Create a new UI component from a Figma design.

alessioarzenton/claude-code-wp-toolkit

Command Claude Code

Analyze a Figma node and extract design specs (layout, colors, typography, spacing).

alessioarzenton/claude-code-wp-toolkit

Command Claude Code

Import CSS from the design folder into the theme organized as atoms/molecules/organisms.

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

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.

alessioarzenton/claude-code-wp-toolkit

Skill Claude CodeCodex

Use when implementing any feature or bugfix, before writing implementation code.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

WordPress operations with WP-CLI — search-replace, plugin/theme management, cron, cache, DB export/import, automation. Always-active rules when using wp commands.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

How to use Figma MCP and Variables2CSS to read designs from Figma and generate code consistent with tokens. Use when the designer shares a Figma link.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

WordPress backend performance optimization — profiling, queries, object cache, autoload, cron, and remote HTTP. Always-active rules when investigating slowness issues.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

WordPress plugin development — architecture, hooks, Settings API, security, data, and lifecycle. Always-active rules when working on plugins or mu-plugins.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

WordPress REST endpoint development and debugging. Always-active rules when working with REST routes, API authentication, or data exposure via JSON.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

Conventions for WordPress Bedrock projects with classic PHP theme (no Sage/Acorn/Blade). Always-active rules.

alessioarzenton/claude-code-wp-toolkit

Skill Claude Code

Conventions for WordPress Bedrock + Sage + Acorn + Blade + Tailwind CSS 4 + Vite projects. Always-active rules.