skills.rest
vlossom-ui
vlossom-uiOFFICIAL
Explore all skills by this author →
GitHub

component-review

Evaluate Vlossom components across props, events, slots, accessibility, and documentation.

3|Updated Mar 12, 2025
Search Tags:#testing#vue#design-system#frontend-quality#component-review#vlossom
One-click install
npx skills add https://github.com/vlossom-ui/vlossom --skill component-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-review
Source: https://github.com/vlossom-ui/vlossom/tree/main/.claude/skills/component-review
Command: npx skills add https://github.com/vlossom-ui/vlossom --skill component-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Evaluates a Vlossom component across props, StyleSet interface, events, slots, accessibility, expose, documentation, and tests to produce a structured, actionable improvement report.

Core Features & Use Cases

  • Holistic evaluation of component public API and runtime behavior
  • Generates a comprehensive report with scores, gaps, and concrete remediation items
  • Supports PR reviews, contributor onboarding, and ongoing quality audits

Quick Start

Specify the target component and run the review to generate a structured report.

Frequently Asked Questions about component-review

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

FAQPage Schema
How do I review a Vue design system component for accessibility and API gaps?▼

Reviewing a Vue design system component involves systematically probing its props, events, slots, accessibility, and documentation to identify gaps and compile an actionable improvement report.

What does a holistic frontend component evaluation include for PR reviews?▼

A holistic frontend component evaluation for PR reviews includes analyzing the public API, StyleSet interface, runtime behavior, and tests to produce scores and concrete remediation items.

How do I audit Vue component edge cases and public API configurations?▼

To audit Vue component edge cases, apply the review across typical component configurations and edge cases by referencing the component's public API, emits, expose, and associated tests.

Does automated component testing cover slots, emits, and expose methods?▼

Automated component testing covers slots, emits, and expose methods by systematically probing these aspects alongside props and accessibility to ensure full evaluation coverage.

What is the best way to generate actionable fixes for frontend quality issues?▼

The best way to generate actionable fixes for frontend quality issues is to evaluate the component against its documentation and StyleSet interface, producing a structured report with specific remediation items.

Related Skills

Explore More Software Engineering Skills→
Minara-AIMinara-AI
28

tdd

Implement test-driven development workflows with vertical slicing and behavior-focused tests.

Official
Intermediate
wepn13232wepn13232
7

element-plus-avatar

Document Element Plus Avatar API props, events, slots, and AvatarGroup options for Vue developers.

Community
Basic
davidrrowleydavidrrowley

frontend-design-review

Review frontend interfaces for design quality and WCAG accessibility compliance.

Community
Intermediate
RelicWare-CoRelicWare-Co

audit

Analyze web application code for accessibility, performance, theming, responsiveness issues.

Official
Advanced