skills.rest
zeptillionairplex
zeptillionairplexCOMMUNITY
Explore all skills by this author →
GitHub

design-craft

Analyze UI design elements for best practices and accessibility compliance.

1|Updated Apr 1, 2026
Search Tags:#design#ui#accessibility#a11y#color#ux#visual
One-click install
npx skills add https://github.com/zeptillionairplex/karpathy-claude-code-prompt-principle --skill design-craft-zeptillionairplex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-craft
Source: https://github.com/zeptillionairplex/karpathy-claude-code-prompt-principle/tree/main/.claude/skills/design-craft
Command: npx skills add https://github.com/zeptillionairplex/karpathy-claude-code-prompt-principle --skill design-craft-zeptillionairplex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps designers and reviewers improve the quality and usability of UI/UX by providing structured guidelines and best practices.

Core Features & Use Cases

  • Design Evaluation: Guides the author through best practices for layout, color, typography, and accessibility.
  • Review & Audit: Provides checklists to identify design weaknesses such as AI templating signals, layout uniformity, or color issues.
  • Quick Start: Give a command like "Review the current landing page for accessibility and consistency" to start an immediate audit.

Quick Start

Provide a clear instruction to evaluate the current UI for adherence to design principles.

Frequently Asked Questions about design-craft

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

FAQPage Schema
How do I review my UI design for accessibility and visual consistency?▼

To review UI design for accessibility and consistency, evaluate layout, color, typography, and motion against established best practices. This prevents AI-default visual clichés and ensures compliance with standards for both product and marketing interfaces.

What is the best way to audit a landing page for UX weaknesses?▼

Auditing a landing page for UX weaknesses requires checking layout uniformity, color contrast, and accessibility standards. Using structured checklists helps identify design flaws like AI templating signals and ensures choices are deliberate and measurable.

Can I use this to prevent AI-default visual clichés in my interface?▼

Yes, you can prevent AI-default visual clichés by analyzing interface elements like layout and typography for uniformity. The process ensures design choices are deliberate and based on established principles rather than automated templates.

How does color and typography analysis improve UI accessibility?▼

Color and typography analysis improves UI accessibility by ensuring visual elements align with compliance standards. Evaluating these specific design components guarantees that aesthetic distinctiveness and usability are based on measurable, established principles.

Does this UI evaluation work for both product and marketing interfaces?▼

Yes, this UI evaluation works for both product and marketing interfaces. It analyzes layout, color, typography, accessibility, and motion to ensure alignment with best practices and improve overall usability across different interface types.

Related Skills

Explore More Design & Creative Skills→
harshilLakhani22harshilLakhani22
1

redesign-existing-projects

Audit existing websites and apps to apply premium visual and interaction upgrades.

Community
Advanced
baskarajatibaskarajati

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
Community-AccessCommunity-Access
387

Contrast Master

Audit color contrast and visual accessibility for WCAG AA compliance.

Official
Advanced
nazlicancaglarnazlicancaglar

ux-reviewer

Evaluate websites and mobile apps for usability and accessibility issues.

Community
Intermediate