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.