skills.rest
jiushiwon
jiushiwonCOMMUNITY
Explore all skills by this author →
GitHub

frontend-code-doctor

Identify and prioritize frontend code defects before production release.

44|11|Updated Jun 1, 2026
Search Tags:#typescript#code review#accessibility#security#frontend#react#vue3
One-click install
npx skills add https://github.com/jiushiwon/wg-skills --skill frontend-code-doctor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-doctor
Source: https://github.com/jiushiwon/wg-skills/tree/main/frontend-code-doctor
Command: npx skills add https://github.com/jiushiwon/wg-skills --skill frontend-code-doctor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies frontend code quality defects, potential bugs, security vulnerabilities, performance problems, and maintainability issues before they reach production.

Core Features & Use Cases

  • Comprehensive Code Review: Audits uni-app, Vue 3, React, and TypeScript projects across type safety, framework practices, business logic, and platform compatibility.
  • Security and Performance Checks: Detects hardcoded credentials, XSS risks, CSRF gaps, memory leaks, excessive logging, magic numbers, and inefficient code patterns.
  • Quality and Accessibility Guidance: Reviews internationalization, keyboard navigation, ARIA usage, focus management, responsive touch targets, and other accessibility concerns.
  • Structured Findings: Produces prioritized reports with file locations, code examples, suggested fixes, and issue statistics.

Quick Start

Ask the frontend-code-doctor skill to review the frontend project and report all urgent, TypeScript, performance, security, internationalization, and accessibility issues.

Frequently Asked Questions about frontend-code-doctor

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

FAQPage Schema
How do I review React and Vue 3 code for security vulnerabilities before production?▼

Review React and Vue 3 code by applying pattern-based rule checks to source files, detecting hardcoded credentials, XSS risks, and CSRF gaps. This process identifies security vulnerabilities and generates a prioritized report with precise file and line references.

What is the best way to check TypeScript code for accessibility and internationalization issues?▼

Checking TypeScript code for accessibility and internationalization issues involves auditing source files for ARIA usage, keyboard navigation, focus management, and responsive touch targets. It classifies severity and produces a structured summary report with suggested fixes.

Can I use automated code review to find memory leaks and performance problems in uni-app projects?▼

Yes, automated code review can find memory leaks and performance problems in uni-app projects. It scans source code to detect excessive logging, magic numbers, and inefficient code patterns, providing a structured findings report with issue statistics.

Does frontend code review cover framework practices and platform compatibility for Vue 3?▼

Yes, frontend code review covers framework practices and platform compatibility for Vue 3. It evaluates type safety, business logic, and framework-specific patterns, identifying defects and classifying their severity before production release.

How do I get a structured bug report with suggested fixes from a frontend code audit?▼

To get a structured bug report from a frontend code audit, collect source files and apply pattern-based rule checks. This generates a prioritized report containing precise file locations, code examples, issue statistics, and suggested fixes.

Related Skills

Explore More Software Engineering Skills→
CloudyWingCloudyWing

typescript-frontend

Enforce TypeScript frontend coding standards and strict type safety in Vue 3 or React projects.

Community
Intermediate
everrunseverruns
42

csv-analyzer

Analyze CSV files to generate summary statistics and data quality reports.

Official
Intermediate
GeorgeSheppardGeorgeSheppard

endpoint-creation

Define reusable endpoint patterns abstracting business logic from HTTP and MCP plumbing.

Community
Advanced
a2musa2mus

speckit-security-scan

Audit codebases for secrets, injection, CSRF/XSS, and dependency risks.

Community
Intermediate