skills.rest
jangtrinh
jangtrinhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design

Coordinate design tokens, UX psychology, and design-system rules for UI tasks.

Updated Mar 27, 2026
Search Tags:#workflow#design#ui-ux#design-system#design-tokens#component-design#ux-psychology
One-click install
npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill design-jangtrinh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/jangtrinh/EaseUI-Agent/tree/main/.claude/skills/design
Command: npx skills add https://github.com/jangtrinh/EaseUI-Agent --skill design-jangtrinh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing UI/UX at scale requires coordinating tokens, psychology, and design-system constraints, often causing inconsistency and wasted effort.

Core Features & Use Cases

  • Load design tokens from the design-system to ensure consistency across components and pages.
  • Apply UX psychology references to inform layout, navigation, and interaction decisions.
  • Audit existing UI for design-system compliance and guide prototype development within the EaseUI editor.

Quick Start

Load tokens and trigger the design workflow for a new component.

Frequently Asked Questions about design

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

FAQPage Schema
How do I orchestrate a UI/UX design workflow for a new component?▼

To orchestrate a UI/UX design workflow, load design tokens first, apply UX psychology references, enforce design-system constraints, and deliver ready-to-implement guidance for the new component.

What is the best way to ensure design-system compliance when auditing existing pages?▼

Auditing existing pages for design-system compliance involves loading design tokens, checking layouts against UX psychology references, and enforcing constraints to identify and resolve inconsistencies automatically.

How do design tokens improve consistency across components and pages?▼

Design tokens improve consistency by serving as a centralized source of truth loaded into the workflow, ensuring that all components and pages adhere to standardized design-system constraints.

Can I apply UX psychology references to inform navigation and interaction decisions?▼

Yes, you can apply UX psychology references to inform layout, navigation, and interaction decisions, ensuring that the UI/UX design workflow produces user-centric and psychologically validated interfaces.

Does the UI/UX design workflow support prototyping within the EaseUI editor?▼

Yes, the UI/UX design workflow supports prototyping within the EaseUI editor by guiding prototype development while enforcing design-system constraints and applying loaded design tokens.

Why do I need to load design tokens before creating a new component?▼

Loading design tokens before creating a new component is required to establish a baseline for consistency, ensuring the output adheres to design-system rules and ready-to-implement standards.

Related Skills

Explore More Design & Creative Skills→
saajunaidsaajunaid

ux-design

Create brand-consistent, accessible UX designs with color tokens and WCAG 2.2 AA checks.

Community
Intermediate
davduncdavdunc

Webdesign

Drive Claude Design workflows to create and export web UI prototypes.

Community
Advanced
MithrilManMithrilMan

neomithril-component-authoring

Classify UI component work in neomithril-ui to enforce design-system compliance.

Community
Advanced
tunacosguntunacosgun

emcn-design-review

Audit UI code against the emcn design system for conformance.

Community
Advanced