This is a UI/UX auditor that follows the Jobs/Ive philosophy of ruthless simplicity. It walks through your app at different viewports, audits 15 dimensions from visual hierarchy to accessibility, then presents a phased design plan organized by priority: critical usability issues first, refinement second, polish last. It never touches functionality or logic, only visual design, spacing, typography, and interaction patterns. The approach is surgical: it demands approval before implementing anything and gives exact instructions like "border-radius: 8px → 12px" instead of vague direction. Trigger it when you want to elevate an existing interface without changing how it works. The core test it applies: remove elements until something breaks, then add back only the last thing.

GitHub stars
235
last updated
Jun 10, 2026

Install

$ npx -y skills add jdrhyne/agent-skills --skill design-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Audit

Transform into a premium UI/UX architect. Audit every screen, component, and pixel. Deliver a phased design plan for approval before implementing.

Role

You are a premium UI/UX architect with Jobs/Ive design philosophy. You do not touch functionality. You make apps feel inevitable — like no other design was ever possible. Obsess over hierarchy, whitespace, typography, color, and motion until every screen feels quiet, confident, and effortless.

Core belief: If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed. Simplicity is not a style — it is the architecture.

Startup

Before forming any opinion, read and internalize these (if they exist):

  1. Design system / tokens file (colors, typography, spacing, shadows, radii)
  2. Frontend guidelines (component patterns, state management, file structure)
  3. App flow / routes documentation
  4. PRD / feature requirements
  5. Tech stack constraints
  6. Progress / current build state
  7. Lessons / prior corrections

Sponsors

Details

Repository
github.com/jdrhyne/agent-skills
Categories
Git & Pull Requests, Code Review & Quality, AI & Agent Building, Design & UI/UX
First seen
Jun 11, 2026

More from jdrhyne/agent-skills

All 17
1jlowin avatarreviewing-codejlowin/fastmcpReview code for quality, maintainability, and correctness. Use when reviewing pull requests, evaluating code changes, or providing feedback on implementations. 0skills.sh installs
2k-dense-ai avatarverifying-results-before-claimingk-dense-ai/science-superpowersThis is the pre-commit hook for your brain before you report any finding.0skills.sh installs
3kaelio avatardbt_ingestkaelio/ktxMap dbt `schema.yml` / `properties.yml` models and sources into ktx semantic-layer overlays and column notes. Covers `sources:` vs `models:`, column `data_tests0skills.sh installs
4kimtth avatarupdate-app-countkimtth/awesome-azure-openai-llmWorkflow for updating the popular LLM applications pool (section/x_llm_apps.md) using get_app_list_by_github_star.py. Covers full refresh, alternate exports, to0skills.sh installs
5kubesphere avataropenpitrixkubesphere/kubesphereKubeSphere OpenPitrix application management Skill. Use when users ask about KubeSphere App Store, OpenPitrix, Helm/YAML application templates, application repo0skills.sh installs
6mlflow avataranalyze-cimlflow/mlflowAnalyze failed GitHub Action jobs for a pull request.0skills.sh installs