check-frontend

Analyze frontend code changes against repository guidelines and report violations.

Updated Mar 3, 2026

Search Tags:#frontend #compliance #guidelines #quality-assurance #code-review #check

Ready to run

npx skills add https://github.com/yanzhangshuai/wen-yuan --skill check-frontend-yanzhangshuai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: check-frontend
Source: https://github.com/yanzhangshuai/wen-yuan/tree/main/.agents/skills/check-frontend
Command: npx skills add https://github.com/yanzhangshuai/wen-yuan --skill check-frontend-yanzhangshuai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to ensure code changes comply with established guidelines, leading to inconsistent UI and behavior.

Core Features & Use Cases

Reads the frontend guideline set from the repository to determine applicable rules for a change.
Analyzes code changes against guidelines for components, hooks, state management, types, and general quality.
Reports violations with concrete fixes and guidance to bring code into compliance.

Quick Start

Run check-frontend after making frontend changes to verify guideline compliance.

Frequently Asked Questions about check-frontend

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

FAQPage Schema

How do I check frontend code for guideline compliance?▼

To check frontend code for guideline compliance, run this tool after making changes. It reads your repository's specification files, analyzes components, hooks, state management, and types, then reports violations with actionable fixes.

What is automated frontend code review against project guidelines?▼

Automated frontend code review against project guidelines is the process of reading specification files to evaluate code changes. This tool identifies applicable rules for components and hooks, reporting conformance violations with concrete fixes.

Does this tool work with existing frontend guideline specifications in my repository?▼

Yes, this tool works with existing frontend guideline specifications in your repository. It reads your established specification files directly to determine which rules apply to a given change and evaluates violations accordingly.

How do I enforce frontend coding standards for hooks and state management?▼

To enforce frontend coding standards for hooks and state management, run this tool to evaluate your changes. It analyzes modifications against your project guidelines and provides actionable guidance to bring code into compliance.

Why does frontend code review fail to catch inconsistent UI and behavior?▼

Frontend code review fails to catch inconsistent UI and behavior when changes do not align with established guidelines. This tool solves that by reading specification files, determining applicable rules, and reporting violations with concrete fixes.

What is the best way to automate frontend quality assurance for code changes?▼

The best way to automate frontend quality assurance for code changes is applying a tool that reads your repository guidelines. This tool evaluates components, hooks, state management, and types to report violations with actionable fixes.