diyu-frontend-reviewer

Review frontend PRs across security, architecture, quality, and accessibility.

Updated Jul 11, 2026
One-click install
npx skills add https://github.com/andyan77/diyu-agent --skill diyu-frontend-reviewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diyu-frontend-reviewer
Source: https://github.com/andyan77/diyu-agent/tree/main/.claude/skills/diyu-frontend-reviewer
Command: npx skills add https://github.com/andyan77/diyu-agent --skill diyu-frontend-reviewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

前端审查提供一个系统化的变更评估框架,帮助团队在合并前发现与安全、架构、质量和可访问性相关的问题。

Core Features & Use Cases

  • 四重审查优先级:Security、Architecture、Quality、Accessibility,按逻辑顺序输出发现。
  • 边界与合规检查:覆盖 SSR/RSC 安全边界、包边界、API client 完整性、a11y 合规与 XSS 防护。
  • 治理对接与产出:输出可追溯的审查报告,便于跟安全、代码审查团队对接。

Quick Start

Review the latest frontend changes and generate a structured report outlining findings across security, architecture, quality, and accessibility.

Frequently Asked Questions about diyu-frontend-reviewer

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

FAQPage Schema
How do I review frontend PRs for XSS and accessibility issues?

Review frontend PRs for XSS and accessibility by applying a four-quadrant framework covering Security, Architecture, Quality, and Accessibility. This identifies SSR/RSC boundary risks, API client integrity gaps, and a11y compliance issues before merging.

What is a four-quadrant frontend review and when do I need it?

A four-quadrant frontend review systematically evaluates pull requests across Security, Architecture, Quality, and Accessibility. You need it when merging changes to frontend/ directories to ensure governance alignment and produce traceable remediation reports.

How do I check SSR and RSC boundary security in frontend changes?

Check SSR and RSC boundary security by reviewing frontend changes against package boundaries and API client integrity. This process identifies server-side rendering risks and reports them in a structured, traceable format for security teams.

Does frontend review work with Turbo package boundaries?

Yes, frontend review works with Turbo package boundaries by explicitly checking API client integrity and cross-package dependencies. It evaluates changes affecting frontend/ directories to ensure architectural compliance within monorepo setups.

How to generate traceable governance reports for frontend architecture changes?

Generate traceable governance reports by applying metadata-driven discovery to frontend changes and outputting findings across security, architecture, quality, and accessibility. This produces a structured report aligned with governance requirements for code review teams.