design-uplift

Community

Three concepts ranked by UX science.

Authorchris-gs4
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill audits a Mabel view against the design system and delivers three competing visual concepts, ranked by UX science, to guide fast, evidence-backed UI improvements.

Core Features & Use Cases

  • Audit & alignment: checks SwiftUI views against STYLE_GUIDE.md, tokens, and accessibility guidelines to surface misalignments.
  • Concept prototyping: generates three self-contained SwiftUI concept views named DesignConceptA, DesignConceptB, and DesignConceptC and renders them for comparison.
  • UX science ranking: applies a formal ranking across encoding redundancy, pre-attentive processing, information density, familiarity, perceptual accuracy, and implementation efficiency to pick the best concept.
  • Implementation guidance: after selection, provides an actionable plan to integrate the winning concept into the production view, with alignment to the style guide.

Quick Start

Generate three competing concepts for the target view, rank them using UX-science criteria, render a comparison, and implement the winner.

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-uplift
Download link: https://github.com/chris-gs4/my-family-story-archive/archive/main.zip#design-uplift

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.