shipkit-ux-audit

Solid

Use when auditing implemented UI for missing UX patterns. Triggers: 'audit UX', 'check UX', 'missing patterns', 'UX gaps'.

Web & Frontend 1 stars 0 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 78/100

Stars 20%
10
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# shipkit-ux-audit - Lightweight UX Guidance **Purpose**: Ensures UI patterns stay consistent and user-friendly across the application by providing UX guidance based on general best practices, existing patterns in the project, and optional user-specified personas (e.g., ADHD-friendly, elderly users). --- ## When to Invoke **User triggers**: - "What's the best UX pattern for this?" - "How should this UI work?" - "UX guidance for [component]" - "Make this accessible" - "Check UX consistency" **Before**: - Building new UI components - Implementing forms, modals, toggles, lists, buttons - Creating user interactions **During**: - Reviewing implemented UI - Refining user experience - Fixing UX inconsistencies --- ## Prerequisites **Optional but helpful**: - Existing patterns documented: `.shipkit/codebase-index.json` - Architecture decisions: `.shipkit/architecture.json` - Stack info: `.shipkit/stack.json` **No prerequisites required** - Can provide general guidance even for new projects. --- ## Process ### Completion Tracking (MANDATORY) After confirming what the user is building (Step 1), create tasks: 1. `TaskCreate`: "Read existing context (codebase-index, ux-decisions, stack)" 2. `TaskCreate`: "Explore actual UI components (2 parallel agents)" 3. `TaskCreate`: "Generate UX guidance (terminal output)" 4. `TaskCreate`: "Log decision to ux-decisions.json + update summary counts" 5. `TaskCreate`: "Identify and log gaps + update totalGaps count" 6. `TaskCreate`: "Sug...

Details

Author
stefan-stepzero
Repository
stefan-stepzero/shipkit
Created
7 months ago
Last Updated
1 weeks ago
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

shipkit-prompt-audit

Audit LLM prompt pipeline architecture — decomposition, parallelization, chain integrity, schema validation, fallback paths. Finds structural issues no linter catches.

1 Updated 1 weeks ago
stefan-stepzero
Web & Frontend Listed

ux-toolkit

Comprehensive UX evaluation meta-skill. Use when conducting UI/UX audits, accessibility reviews, user flow analysis, responsive testing, or interaction design evaluation.

4 Updated yesterday
hackermanishackerman
Web & Frontend Listed

ui-ux-audit

Comprehensive UI/UX quality audit and prevention system that catches the failures AI consistently ships, including broken or shifting layouts, text overflow, inconsistent components, missing states, poor contrast, undersized touch targets, accessibility violations, performance jank, and generic "AI slop" aesthetics. Use whenever the user asks to audit, review, check, critique, fix, polish, optimize, or improve any UI, page, screen, component, screenshot, or design, or says things like "the layout looks off", "something feels wrong", "this looks AI-generated", "is this ready to ship", "weird spacing", "ugly", or "broken page". ALSO consult this skill silently BEFORE writing or editing any UI code (React, JSX, HTML, CSS, Tailwind, React Native, Expo) so these failures never ship in the first place. Works on any project with no setup, and ships with switchable project-category profiles (example kids-app, SaaS/dashboard, marketing/landing, e-commerce) plus a simulate-the-user-first method; supports adding your ow

1 Updated yesterday
Xza2792