temper

Review WordPress theme components for code, visual, and accessibility issues.

Updated May 5, 2026
One-click install
npx skills add https://github.com/NaNathan13/cool-fse-claude-workflow --skill temper-nanathan13
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: temper
Source: https://github.com/NaNathan13/cool-fse-claude-workflow/tree/main/kit/.claude/skills/temper
Command: npx skills add https://github.com/NaNathan13/cool-fse-claude-workflow --skill temper-nanathan13

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables thorough auditing of code, design, and accessibility aspects of a project to ensure standards are met.

Core Features & Use Cases

  • Code Review and Scope Analysis: Compares file differences with project plans, checks for naming conventions, and verifies proper PHP pattern usage.
  • Visual Quality Assessment: Uses Playwright to simulate user interactions, take screenshots, and identify unintended visual regressions.
  • Accessibility Evaluation: Checks for semantic HTML, keyboard navigation, alt text, contrast, and ARIA attributes to improve accessibility compliance.
  • Use Case: A developer wants to ensure feature code, visual presentation, and accessibility meet project standards before deployment.

Quick Start

Paste commands and instructions into Claude Code to start the review process and generate a comprehensive audit report.

Frequently Asked Questions about temper

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a visual regression test on WordPress theme components?

Visual regression testing uses Playwright to simulate user interactions and take screenshots of WordPress theme components to identify unintended visual changes. It captures the current state and compares it against expected design outputs.

What does an accessibility audit check for in a web project?

An accessibility audit checks web projects for semantic HTML, keyboard navigation, alt text, color contrast, and ARIA attributes. Evaluating these elements ensures compliance with accessibility best practices and improves usability for all users.

Can I review code diffs against my project plan automatically?

Code review and scope analysis compares file differences against your project plan to verify naming conventions and proper PHP pattern usage. This automated comparison ensures implemented features align with the defined project scope.

Does this code review tool work with PHP and WordPress themes?

Yes, the code review functionality specifically analyzes PHP pattern usage and naming conventions within WordPress themes. It validates that your theme components meet the required project standards before deployment.

What's the best way to audit web components before deployment?

Auditing web components before deployment involves combining code diff analysis, Playwright visual testing, and accessibility evaluations. This comprehensive review process generates an audit report verifying that code, visuals, and compliance meet project standards.

Why should I use Playwright for visual testing instead of manual review?

Using Playwright for visual testing automates user interaction simulations and screenshot captures, detecting visual regressions that manual review might miss. It provides consistent, repeatable checks across web project components to ensure visual quality.