design-deep-analysis

Analyze Inertia screens with persona-weighted scoring across 15 dimensions.

Updated May 14, 2024
One-click install
npx skills add https://github.com/wagnerra23/oimpresso.com --skill design-deep-analysis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-deep-analysis
Source: https://github.com/wagnerra23/oimpresso.com/tree/main/.claude/skills/design-deep-analysis
Command: npx skills add https://github.com/wagnerra23/oimpresso.com --skill design-deep-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents costly UI refactors by turning qualitative “the screen feels bad” feedback into measurable, persona-weighted friction findings and ready-to-apply code-diff recommendations.

Core Features & Use Cases

  • Persona-based deep UI critique: analyzes a specific Inertia (tsx) screen through the lens of a provided persona, including weighted scoring across 15 dimensions.
  • Parallel multi-angle review: invokes design:design-critique, design:design-system, design:ux-copy, design:accessibility-review, and design:research-synthesis to produce a consolidated diagnosis.
  • Actionable A/B/C refactor plans with prepared diffs: outputs 3 alternative implementation paths (minimum, medium, or architectural rethink) with diffs ready for Wagner to apply, plus smoke-prod metrics to validate before/after.

Quick Start

Ask: run design-deep-analysis to analyze the screen Resources/js/Pages/<Mod>/<Tela>.tsx for persona <persona-slug> and produce weighted scoring plus A/B/C refactor diffs and measurable before/after metrics.

Frequently Asked Questions about design-deep-analysis

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

FAQPage Schema
How do I turn qualitative UI feedback into measurable, persona-weighted friction findings?▼

You can generate code-ready UI refactor recommendations by analyzing an Inertia tsx screen through a specific persona lens. The process scores 15 design dimensions with persona weights and outputs three alternative implementation paths with prepared diffs and smoke-prod measurement guidance.

What is the best way to run a multi-angle UX copy and accessibility review on a frontend screen?▼

A multi-angle UX copy and accessibility review runs design critique, design system, and accessibility analyses in parallel on a specific frontend screen. This consolidated approach synthesizes multiple specialized design reviews into a single, cohesive friction diagnosis.

Does this deep UI analysis approach work with Inertia tsx screens and existing customer profile data?▼

Yes, this analysis specifically targets Inertia tsx screens and requires loading existing persona and customer profile discovery context from memory. It fits workflows needing to investigate reported customer-paid friction or competitive gaps using established profile data.

How do I get actionable A/B/C refactor plans with prepared code diffs for a problematic frontend screen?▼

Actionable A/B/C refactor plans provide three distinct implementation paths—minimum, medium, or architectural rethink—each accompanied by prepared code diffs. These alternatives allow you to directly apply changes and validate improvements using provided smoke-prod metrics.

When should I avoid using persona-weighted UI analysis for frontend refactoring?▼

You should avoid persona-weighted UI analysis when you lack established persona profiles or customer discovery context in memory, as the 15-dimension scoring mechanism fundamentally depends on this data to calculate weighted friction and produce valid refactor recommendations.