Skills
.Work. You
Rest

design-deep-analysis

Community

Deliver deep, persona-based UI refactor options.

Design & Creative#accessibility#Inertia#ui analysis#frontend refactor#persona-driven design#ux copy review#measurable metrics
Authorwagnerra23
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-deep-analysis
Download link: https://github.com/wagnerra23/oimpresso.com/archive/main.zip#design-deep-analysis

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.