skills.rest
plipowczan
plipowczanCOMMUNITY
Explore all skills by this author →
Website𝕏@pawellipowczanGitHub

portfolio-code-review

Automate code review for a React 19 portfolio SPA.

Updated Oct 21, 2025
Search Tags:#code review#accessibility#react#seo#blog system
One-click install
npx skills add https://github.com/plipowczan/portfolio --skill portfolio-code-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: portfolio-code-review
Source: https://github.com/plipowczan/portfolio/tree/main/.claude/skills/portfolio-code-review
Command: npx skills add https://github.com/plipowczan/portfolio --skill portfolio-code-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates comprehensive code review processes, ensuring your portfolio maintains high quality standards while saving you hours of manual inspection.

Core Features & Use Cases

  • Architecture Compliance: Verify React hooks, Tailwind CSS, and proper component structure.
  • SEO & Accessibility: Check meta tags, structured data, and WCAG 2.1 AA compliance automatically.
  • Use Case: When you've added a new blog post route, use this Skill to ensure prerendering is configured, sitemap is updated, and OG images exist.
  • Edge Case Detection: Identify potential bugs and error conditions that could break after deployment.

Quick Start

Review the changes in the new Hero component for architecture compliance and potential performance issues.

Frequently Asked Questions about portfolio-code-review

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

FAQPage Schema
How do I automate code review for React and Tailwind CSS projects?▼

Automated code review validates React component architecture, Tailwind CSS styling compliance, and structural integrity across your codebase. This Skill checks hooks, component patterns, and CSS adherence, catching violations before deployment and reducing manual inspection time.

Can I check accessibility and SEO compliance automatically in my portfolio?▼

Yes. Automated code review scans for WCAG 2.1 AA accessibility compliance, meta tags, structured data, and OG image configuration. It validates that new routes, blog posts, and content meet accessibility and search-engine requirements without manual audits.

What does an automated code review check for in a Vite and React Router SPA?▼

Code review validates React 19 and React Router 7 patterns, Vite 5 build compliance, Framer Motion animation correctness, prerendering configuration, Core Web Vitals performance, and edge cases. It generates a structured report covering architecture, performance, and deployment readiness.

How do I ensure blog posts meet prerendering and frontmatter requirements?▼

Automated code review inspects blog-system frontmatter structure, validates prerendering setup for new routes, checks sitemap updates, and verifies OG image presence. It catches configuration gaps that would break static generation or SEO before publishing.

Can automated code review catch performance and edge-case bugs?▼

Yes. The review identifies performance regressions against Core Web Vitals, detects potential runtime errors, and flags edge cases across React components, routing, and content workflows. It surfaces issues likely to break after deployment.

Related Skills

Explore More Software Engineering Skills→
School-Agent-IncSchool-Agent-Inc
1

web-builder

Scaffold Next.js/React websites with App Router, TypeScript, and Tailwind CSS.

Official
Intermediate
AeyeOpsAeyeOps

workflow-automation

Automates accounting firm workflows via event-driven triggers and recurring tasks.

Official
Advanced
agoodwayagoodway
1

bootstrap-astro

Bootstraps an Astro project with React, Tailwind, and Kamal deployment configuration.

Official
Intermediate
aemsitesaemsites
1

code-review

Review AEM Edge Delivery Services code for quality, performance, and accessibility issues.

Official
Advanced