frontend-design

Analyze frontend design decisions for color, typography, and accessibility.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/uesleinasch/unac-agents --skill frontend-design-uesleinasch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/uesleinasch/unac-agents/tree/main/skills-shared/frontend-design
Command: npx skills add https://github.com/uesleinasch/unac-agents --skill frontend-design-uesleinasch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Frontend design decisions are structured to help teams align on color, typography, UX psychology, and accessibility to produce consistent, high-quality web interfaces.

Core Features & Use Cases

  • Design thinking framework for UI components, color systems, typography, and accessibility
  • Reusable rules, checklists, and decision trees to guide design decisions
  • Quick-start guidance and evaluation templates for auditing UI quality and consistency

Quick Start

Design an approach to UI by identifying constraints, selecting intentional colors and typography, and running accessibility checks.

Frequently Asked Questions about frontend-design

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

FAQPage Schema
How do I apply design thinking to frontend UI decisions?

Apply design thinking to frontend UI by analyzing visual hierarchy, color systems, and typography constraints to operationalize consistent web interfaces. This approach encapsulates rules and decision trees to ensure high-quality, accessible outcomes.

What is the best way to build an accessible color system for web interfaces?

The best way to build an accessible color system is to apply intentional design decisions guided by checklists and evaluation templates. This ensures your color choices meet accessibility standards and maintain visual hierarchy across projects.

How do I audit UI consistency and visual hierarchy across a project?

Audit UI consistency by running evaluation templates and checklists against your frontend design decisions. This process evaluates typography, color systems, and UX psychology to identify inconsistencies and ensure accessible visual hierarchy.

Can I use decision trees to guide typography and UX psychology choices?

Yes, you can use decision trees to guide typography and UX psychology choices by operationalizing design thinking rules. These trees structure your frontend design decisions to produce intentional, accessible, and consistent UI outcomes.

Do I need specific design frameworks to evaluate UI accessibility?

You do not need specific external frameworks to evaluate UI accessibility if you apply structured design thinking. Reusable rules, quick-start guidance, and decision trees provide the necessary framework to audit and ensure accessible frontend outcomes.

Why does my frontend design lack visual hierarchy and consistency?

Your frontend design lacks visual hierarchy and consistency when design decisions are not operationalized through structured rules. Applying a design thinking framework with checklists aligns typography, color systems, and UX psychology for better outcomes.