skills.rest
Ruzenie
RuzenieCOMMUNITY
Explore all skills by this author →
GitHub

ui-selector-playbook

Guide UI component selection reviews and generate ADR documentation.

2|Updated Feb 15, 2026
Search Tags:#decision making#documentation#adr#playbook#component library#ui selection
One-click install
npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-selector-playbook
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-selector-playbook
Source: https://github.com/Ruzenie/RUI-agentskills/tree/main/RUI-agentskills/RUI-codex-cn/skills/ui-selector-playbook
Command: npx skills add https://github.com/Ruzenie/RUI-agentskills --skill ui-selector-playbook

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the need for structured decision-making and auditable documentation in the UI component selection process, going beyond simple algorithmic recommendations.

Core Features & Use Cases

  • Structured Evaluation: Provides a framework for team reviews, technical committees, and architecture reviews.
  • Documentation Templates: Integrates templates for Architecture Decision Records (ADRs), migration assessments, and Proof of Concept (POC) plans.
  • Use Case: Facilitate a team meeting to select a new UI component library for a React project by using this Skill to guide the discussion, evaluate candidates against defined criteria, and generate an ADR for the chosen library.

Quick Start

Use the ui-selector-playbook to guide the UI component selection process and generate an ADR.

Frequently Asked Questions about ui-selector-playbook

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

FAQPage Schema
How do I document UI component selection decisions for architecture reviews?▼

Document UI component selection decisions using Architecture Decision Record (ADR) templates. This Skill provides structured frameworks to consolidate evaluation criteria, migration assessments, and POC plans into auditable documentation for technical committees.

What is the best way to structure a team review for choosing a UI component library?▼

Structure a team review for choosing a UI component library by applying standardized evaluation processes and cheat sheets. This framework guides technical committees through candidate assessment against defined criteria to reach a finalized, documented decision.

Can I generate ADRs and migration assessments for a React component library migration?▼

Yes, you can generate ADRs and migration assessments for a React component library migration. The Skill integrates templates for Architecture Decision Records, migration assessments, and Proof of Concept plans to streamline the transition.

Do I need ui-selector-pro to perform deterministic calculations for component selection?▼

You need ui-selector-pro integration to perform deterministic calculations for component selection. This Skill focuses on decision-making and documentation, while delegating the deterministic calculation aspects to the pro version for comprehensive evaluations.

When do I need an ADR template for UI component selection?▼

You need an ADR template for UI component selection when conducting architecture reviews or technical committee evaluations. It provides auditable documentation of the evaluation process, ensuring structured decision-making for component library adoption.

Does the ui-selector-playbook support POC plan generation for new UI components?▼

Yes, the playbook supports POC plan generation for new UI components. It consolidates processes, cheat sheets, and prompts into a strategic skill that outputs Proof of Concept plans alongside ADRs and migration assessments.

Related Skills

Explore More Software Engineering Skills→
8GG-Git8GG-Git

vendor-management

Analyze vendor cost, risk, and performance metrics to generate comparison matrices.

Community
Intermediate
ZacharyLuzZacharyLuz
5

evaluation

Standardize technology evaluations with weighted criteria and scoring matrices.

Community
Advanced
JaivishChauhanJaivishChauhan
6

accessibility

Apply WCAG-compliant semantics to portfolio pages for keyboard and screen reader accessibility.

Community
Intermediate
Claude-Code-Community-IrelandClaude-Code-Community-Ireland
10

architecture

Guide requirements analysis, trade-off evaluation, and ADR documentation for architectural decisions.

Official
Intermediate