skills.rest
zacjones93
zacjones93COMMUNITY
Explore all skills by this author →
Website𝕏@zacjones93GitHub

design

Assess UI/UX design problems across screens, layouts, typography, and accessibility.

Updated Nov 13, 2025
Search Tags:#typography#accessibility#layout#design system#ui/ux#user experience#visual hierarchy
One-click install
npx skills add https://github.com/zacjones93/pokidex --skill design-zacjones93
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/zacjones93/pokidex/tree/main/.claude/skills/design
Command: npx skills add https://github.com/zacjones93/pokidex --skill design-zacjones93

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users overcome UI/UX design challenges, ensuring interfaces are intuitive, aesthetically pleasing, and user-friendly. It saves time on design reviews and iterations by providing expert guidance based on established principles.

Core Features & Use Cases

  • UI/UX Evaluation: Get expert feedback on existing designs, layouts, and components, identifying areas for improvement in visual hierarchy, readability, and interactivity.
  • Design System Guidance: Build consistent and scalable design systems, component libraries, and style guides based on Shift Nudge best practices.
  • Typography & Visual Hierarchy: Apply core typography principles (e.g., Rule of Four, line height, letter spacing) for optimal readability and information flow.
  • Use Case: "Review the current layout of the user dashboard and provide feedback on visual hierarchy and typography, suggesting improvements for readability and user experience."

Quick Start

Review the attached screenshot of the new user profile page and provide UI/UX design feedback, focusing on visual hierarchy and interactive elements.

Frequently Asked Questions about design

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

FAQPage Schema
How do I evaluate UI/UX design for accessibility and visual hierarchy?▼

UI/UX evaluation assesses layouts, typography, color contrast, and component styling against accessibility standards and design principles. This Skill provides actionable feedback on visual hierarchy, readability, and interactive elements to identify improvement areas across web and mobile interfaces.

What typography principles should I apply for better readability?▼

Core typography principles like the Rule of Four, line height, and letter spacing optimize readability and information flow. This Skill applies these standards to establish consistent typography and visual hierarchy that guide users through your interface.

How do I build a consistent design system with component libraries?▼

Design system guidance structures component libraries and style guides using established patterns and tokens. This Skill aligns screen layouts, components, and interaction patterns with design-system consistency to ensure scalability across your product.

Can I review user flows and design consistency across multiple screens?▼

Yes. This Skill assesses user flows and design-system consistency across screens, identifying gaps in visual hierarchy, typography alignment, and component styling to maintain coherent user experience across your interface.

What accessibility compliance standards does design review cover?▼

Design review ensures accessibility compliance through color contrast standards, interactive element evaluation, and layout assessment. This Skill provides guidance on meeting accessibility requirements while maintaining visual appeal and usability.

Related Skills

Explore More Design & Creative Skills→
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
shenxingyshenxingy
8

frontend-design

Create production-grade frontend interfaces with token-based styling and SEO.

Community
Advanced
zm2231zm2231

style-guide-generator

Generate markdown style guides with token documentation and component catalogs.

Community
Advanced
curiositechcuriositech
181

design-accessibility-auditor

Audit designs and UI components for WCAG 2.1 compliance with specific fixes.

Official
Advanced