skills.rest
jtvaris
jtvarisCOMMUNITY
Explore all skills by this author →
GitHub

design-for-ai

Audit AI-generated UI designs for typography, color, composition, and accessibility.

Updated Mar 15, 2026
Search Tags:#accessibility#ai#patterns#ui-design#design-review#aesthetic-direction#design-for-ai
One-click install
npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill design-for-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-for-ai
Source: https://github.com/jtvaris/sunday-night-dynasty/tree/main/.agents/skills/design-for-ai
Command: npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill design-for-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

AI-generated interfaces often ship with generic patterns that erode trust and usability. This Skill provides a structured approach to translate AI-assisted UI into intentional design by applying Design for Hackers principles, governance prompts, and a checker/APPLIER workflow to ensure outputs feel authored rather than auto-generated.

Core Features & Use Cases

  • Checker mode: audit existing AI-assisted designs for aesthetic direction, typography decisions, color rationale, and composition hierarchy.
  • Applier mode: guide creation or major redesigns from purpose and audience through structure, typography, color, and responsiveness.
  • References toolkit: leverages the Design for Hackers corpus and background chapters to ground decisions in proven principles.

Quick Start

Provide an AI-generated UI brief, run the CHECKER process to surface AI design tells, then apply intentional design transformations to craft an authored interface.

Frequently Asked Questions about design-for-ai

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

FAQPage Schema
How do I audit AI-generated UI for generic design patterns?▼

You can audit AI-generated UI by applying a checker workflow that surfaces generic AI design tells across typography, color, composition, and accessibility, ensuring decisions align with aesthetic direction and audience needs.

What is the best way to make AI-assisted UI design look intentional?▼

Making AI-assisted UI look intentional requires applying structured transformations grounded in design theory, ensuring proportional layouts, explicit aesthetic direction, and justifiable design rationale.

How do I improve accessibility in AI-generated interfaces?▼

Improve accessibility in AI-generated interfaces by applying a structured checker workflow that evaluates composition hierarchy and accessibility, ensuring outputs align with audience needs and established design theory.

Why does my AI-generated interface lack visual hierarchy and composition?▼

AI-generated interfaces often ship with generic patterns that erode usability; applying an applier workflow establishes composition hierarchy and proportional layouts to create authored, purpose-driven design.

Can I use design theory to review AI-assisted typography and color decisions?▼

You can use design theory to review typography and color decisions by leveraging a references toolkit that grounds the audit in proven principles, transforming generic AI outputs into authored designs.

When should I not use automated UI generation for interface design?▼

Automated UI generation falls short when design decisions must be justifiable by audience needs and medium constraints; without an audit, generic AI outputs erode trust and usability.

Related Skills

Explore More Design & Creative Skills→
khanaleemakhanaleema

ai-collaborate-teaching

Design AI-collaborative teaching curricula using the Three Roles Framework.

Community
Advanced
mklozmkloz

frontend-design

Create custom frontend interfaces with a bold aesthetic direction.

Community
Advanced
89jobrien89jobrien
4

design-docs

Create feature design specs and Architecture Decision Records for system architecture documentation.

Community
Advanced
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate