skills.rest
get-caio
get-caioOFFICIAL
Explore all skills by this author →
GitHub

design-craft

Guide design reviews and UI audits with emotional design patterns.

Updated Jan 11, 2026
Search Tags:#design#ui#delight#ux#aesthetics#emotional-design
One-click install
npx skills add https://github.com/get-caio/harness --skill design-craft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-craft
Source: https://github.com/get-caio/harness/tree/main/.claude/skills/design-craft
Command: npx skills add https://github.com/get-caio/harness --skill design-craft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Turning functional software into emotionally engaging experiences by applying design craft principles that elevate UX beyond mere usability.

Core Features & Use Cases

  • Emotional design guidelines to align product aesthetics with brand voice.
  • Consistency patterns across components, typography, color, and interactions for cohesive experiences.
  • Real-world use cases including empty states, loading states, micro-interactions, illustrations, and onboarding flows.

Quick Start

Provide a concise plan to elevate a UI from usable to delightful by applying the principles of emotional design.

Frequently Asked Questions about design-craft

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

FAQPage Schema
How do I improve empty states and loading states for better emotional design?▼

Emotional design improves empty and loading states by applying practical patterns and checklists that guide consistent, accessible visual language and micro-interactions. This transforms purely functional UI moments into engaging, brand-aligned experiences.

What is emotional design and how does it apply to UX and UI audits?▼

Emotional design in UX and UI audits is the process of aligning product aesthetics and brand voice to elevate software beyond mere usability. It provides guidelines and prompts to ensure design decisions create cohesive, emotionally engaging experiences.

How do I ensure visual consistency across typography, color, and micro-interactions?▼

Visual consistency across typography, color, and micro-interactions is achieved by applying consistency patterns during design reviews. This provides a cohesive experience by standardizing component visual language and interaction guidelines across the product.

Can I use these design craft principles for onboarding flows and feature rollouts?▼

These design craft principles directly apply to onboarding flows and feature rollouts by providing real-world use cases and prompts. They guide product teams in making accessible, delightful design decisions that align with the brand voice.

What's the best way to turn functional software into an engaging user experience?▼

The best way to turn functional software into an engaging experience is applying emotional design guidelines during UI audits. This elevates UX by focusing on consistency, micro-interactions, and visual language to create apps users love.

Related Skills

Explore More Design & Creative Skills→
jicaiincjicaiinc
74

brand-voice-analyzer

Extract a brand's voice characteristics from sample content into a structured profile.

Official
Intermediate
adperemadperem

delight

Identify and implement micro-interactions, copy, and visuals for UI delight.

Community
Advanced
windyskywindysky

moai-domain-uiux

Establish domain UI/UX foundations with design tokens and theming for React and Vue.

Community
Basic
smarmen86smarmen86

ios-design-review

Capture iPhone screenshots and evaluate UI against Apple Human Interface Guidelines.

Community
Advanced