skills.rest
chris-gs4
chris-gs4COMMUNITY
Explore all skills by this author →
GitHub

design-uplift

Audits SwiftUI views and ranks three generated concept designs by UX science criteria.

Updated Dec 22, 2025
Search Tags:#ui-design#swiftui#design-system#visual-concepts#design-uplift#ux-ranking
One-click install
npx skills add https://github.com/chris-gs4/my-family-story-archive --skill design-uplift
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-uplift
Source: https://github.com/chris-gs4/my-family-story-archive/tree/main/Mabel
Command: npx skills add https://github.com/chris-gs4/my-family-story-archive --skill design-uplift

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about design-uplift

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

FAQPage Schema
How do I generate competing visual concepts for a SwiftUI view?▼

To generate competing visual concepts for a SwiftUI view, the Skill audits your existing view against the design system and produces three self-contained SwiftUI concept views for comparison. It renders these prototypes to help you visualize different UI directions.

How does UX science ranking evaluate UI design options?▼

UX science ranking evaluates UI design options by scoring them across encoding redundancy, pre-attentive processing, information density, familiarity, perceptual accuracy, and implementation efficiency. This formal methodology identifies the most effective concept.

Can I audit my SwiftUI views against existing design tokens?▼

Yes, you can audit your SwiftUI views against existing design tokens and a style guide. The Skill checks for misalignments with your established design system and accessibility guidelines to surface areas needing design uplift.

What is the best way to implement a winning design concept into a production view?▼

The best way to implement a winning design concept is to use the provided execution plan. After selecting the highest-ranked prototype, the Skill delivers actionable integration guidance aligned with your style guide to update the production view.

Does this design uplift process render an HTML comparison page?▼

Yes, the design uplift process renders an HTML comparison page alongside SwiftUI concept snapshots. This allows you to visually compare the competing UI prototypes side-by-side before implementing the selected winner.

Related Skills

Explore More Design & Creative Skills→
withpiperwithpiper
6

roadmap-review

Audit roadmap health by verifying Stage 0 outputs, dependencies, and doc freshness.

Official
Intermediate
alecs5amalecs5am
118

rockstar-agent

Automate GTA V-style video production workflows from concept to final render.

Community
Advanced
droidconKEdroidconKE
8

new-chai-component

Generates Chai design-system component scaffolds with token-compliant theming and previews.

Official
Intermediate
OneWave-AIOneWave-AI
245

player-comparison-tool

Compare players side-by-side with era-adjusted statistics and advanced metric explanations.

Official
Basic