skills.rest
mcampbellr
mcampbellrCOMMUNITY
Explore all skills by this author →
Website𝕏@mariocampbellrGitHub

gsd-ui-review

Audit frontend code against six pillars and generate a UI-REVIEW.md report.

Updated Apr 22, 2025
Search Tags:#code review#quality control#UI review#visual assessment#frontend audit
One-click install
npx skills add https://github.com/mcampbellr/.dotfiles --skill gsd-ui-review-mcampbellr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-review
Source: https://github.com/mcampbellr/.dotfiles/tree/main/claude/.claude/skills/gsd-ui-review
Command: npx skills add https://github.com/mcampbellr/.dotfiles --skill gsd-ui-review-mcampbellr

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for a comprehensive review of frontend code to ensure quality and adherence to design standards.

Core Features & Use Cases

  • Retroactive Audit: Reviews implemented frontend code to identify issues post-implementation.
  • 6-Pillar Assessment: Evaluates code based on six key pillars for a holistic review.
  • Output Report: Generates a UI-REVIEW.md document with a graded assessment for each pillar.

Quick Start

Use the gsd-ui-review skill to conduct a visual audit of frontend code for the current phase.

Frequently Asked Questions about gsd-ui-review

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

FAQPage Schema
How do I conduct a visual audit of frontend code?▼

A visual audit reviews implemented frontend code against design standards to identify quality issues. This skill conducts a retroactive assessment of UI code, generating a detailed report grading six key pillars of frontend quality.

What is a 6-pillar assessment for frontend code review?▼

A 6-pillar assessment evaluates frontend code quality across six distinct dimensions to ensure a holistic review. It produces a detailed UI-REVIEW.md document containing a graded evaluation for each specific quality pillar.

Can I review frontend UI code at any project phase?▼

Yes, the visual assessment is applicable to any project phase as long as you provide access to the implemented UI code and reference materials. It performs a retroactive audit to evaluate quality post-implementation.

What do I need to generate a UI quality assessment report?▼

To generate a UI quality assessment report, you need access to your frontend UI code and relevant reference materials. The skill uses these inputs to evaluate design adherence and outputs a graded UI-REVIEW.md document.

What's the best way to perform a retroactive frontend audit?▼

A retroactive frontend audit evaluates implemented code against six key quality pillars to identify visual and structural issues. Using this skill, you can automatically generate a detailed, graded assessment report for your UI components.

Related Skills

Explore More Software Engineering Skills→
ChoiHyunjinChoiHyunjin

role-frontend-developer

Transform design and architectural specifications into frontend code.

Community
Advanced
MINT-IAMINT-IA

gsd-ui-review

Audit frontend code across six pillars and generate a UI-REVIEW.md.

Official
Intermediate
Pear-CommercePear-Commerce

gsd-ui-review

Evaluate implemented frontend code against six visual quality pillars.

Official
Intermediate
GenproMMGenproMM

gsd-ui-review

Audit frontend code with a 6-pillar visual review and graded assessment.

Official
Intermediate