craft

Evaluate visual hierarchy and interaction quality of interface designs.

Updated Jul 20, 2026
One-click install
npx skills add https://github.com/loveconnor/clove-skills --skill craft-loveconnor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: craft
Source: https://github.com/loveconnor/clove-skills/tree/main/.agents/skills/craft
Command: npx skills add https://github.com/loveconnor/clove-skills --skill craft-loveconnor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the common challenge of interfaces feeling generic, unbalanced, or untrustworthy by providing a structured framework for visual and interaction design critique.

Core Features & Use Cases

  • Visual Direction: Establish a coherent visual language through typography, spacing, and color systems.
  • Interaction Polish: Evaluate and improve state models, feedback loops, and motion to reduce friction.
  • Use Case: Use this skill during a design review to diagnose why a component library feels inconsistent or to refine the visual hierarchy of a complex dashboard.

Quick Start

Use the craft skill to evaluate the visual hierarchy and interaction quality of the current interface design.

Frequently Asked Questions about craft

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

FAQPage Schema
How do I critique UI design to fix inconsistent visual hierarchy?

To critique UI design and fix visual hierarchy, apply a structured framework evaluating typography, spacing, and color systems. This refines visual coherence and diagnoses why interfaces feel generic or unbalanced.

What is the best way to evaluate interaction design and state models?

Evaluating interaction design and state models requires analyzing feedback loops and motion to reduce friction. A systematic critique improves interaction polish by ensuring state models adhere to established standards.

Why does my component library feel generic and untrustworthy?

Your component library feels generic and untrustworthy due to unbalanced visual and interaction design. A structured critique framework refines interface quality by establishing coherent visual direction through typography, spacing, and color systems.

How do I improve accessibility standards in a complex dashboard layout?

To improve accessibility standards in a complex dashboard layout, apply systematic design critique focusing on visual hierarchy and interaction state models. This ensures adherence to established design tokens and accessibility standards during interface polish passes.

Can I use design tokens to refine a style system during a UI review?

Yes, you can use design tokens to refine a style system during a UI review. The critique process requires adherence to established design tokens to systematically establish visual direction and evaluate interaction quality across the interface.

What are the limitations of systematic design critique for UX polish?

The limitation of systematic design critique for UX polish is that it requires strict adherence to pre-established design tokens and accessibility standards. Without existing state models and visual systems, the critique cannot effectively refine interaction quality.