One-click install
npx skills add https://github.com/Permit-Junction/permitjunction-website --skill code-review-permit-junction
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-review
Source: https://github.com/Permit-Junction/permitjunction-website/tree/main/.claude/skills/code-review
Command: npx skills add https://github.com/Permit-Junction/permitjunction-website --skill code-review-permit-junction

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of reviewing code for AEM Edge Delivery Services (EDS) projects, ensuring code quality, performance, accessibility, and adherence to best practices before merging.

Core Features & Use Cases

  • Automated Code Validation: Checks JavaScript, CSS, and HTML against established standards.
  • Performance & Accessibility Checks: Identifies potential performance bottlenecks and accessibility issues.
  • PR Review Assistance: Provides actionable feedback and suggestions for pull requests.
  • Self-Review Workflow: Enables developers to perform a thorough self-review before committing code.
  • Use Case: Before submitting a Pull Request for a new AEM component, run this skill to catch common errors, ensure optimal performance, and verify accessibility compliance, significantly reducing review time and improving code quality.

Quick Start

Use the code-review skill to review your current uncommitted code changes.

Frequently Asked Questions about code-review

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

FAQPage Schema
How do I automate code review for AEM Edge Delivery Services pull requests?

You can automate code review for AEM Edge Delivery Services pull requests by integrating this tool with GitHub Actions. It analyzes code diffs, structure, and visual screenshots to validate JavaScript, CSS, and HTML, providing actionable suggestions before merging.

What is the best way to check JavaScript, CSS, and HTML for AEM EDS best practices?

The best way to check JavaScript, CSS, and HTML for AEM EDS best practices is using an automated validation skill. It evaluates your code against established standards to ensure quality, performance, and accessibility compliance.

Can I perform a self-review of local uncommitted changes before submitting a pull request?

Yes, you can perform a self-review of local uncommitted changes. The tool enables developers to run a thorough local validation workflow to catch common errors and verify accessibility before committing code.

Does the code review tool detect accessibility and performance issues in AEM components?

Yes, the code review tool detects accessibility and performance issues in AEM components. It analyzes your code structure and visual output via screenshots to identify potential bottlenecks and compliance problems.

Do I need Playwright to run visual screenshot analysis during the code review?

Yes, you need Playwright installed to run visual screenshot analysis. The tool uses this dependency to capture visual output, allowing it to assess structural and visual adherence to AEM Edge Delivery Services best practices.