skills.rest
DiologIR
DiologIROFFICIAL
Explore all skills by this author →
GitHub

ux-craft

Review web and mobile UIs, layouts, flows, and emails using behavioral science principles.

Updated Apr 10, 2026
Search Tags:#user experience#usability#interface design#ui design#ux
One-click install
npx skills add https://github.com/DiologIR/diolog-plugins --skill ux-craft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-craft
Source: https://github.com/DiologIR/diolog-plugins/tree/main/plugins/ux-craft/skills/ux-craft
Command: npx skills add https://github.com/DiologIR/diolog-plugins --skill ux-craft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit empowers you to apply expert UX principles and psychology to UI design, streamlining the process of building, reviewing, and optimizing user interfaces and emails.

Core Features & Use Cases

  • UX Principles Application: Apply the canonical principles from authors like Krug, Norman, and Cooper to your design process.
  • Behavioral Science Integration: Incorporate insights from psychology to enhance usability and user experience.
  • Mode Detection: Automatically select the appropriate references based on the input type for review, build, or advice mode.
  • Build Mode Support: Guidance on structuring user goals, shaping UI states, and mocking user flows.
  • Review Mode Protocol: Comprehensive checklist and review methodology to ensure the design meets usability and accessibility standards.

Quick Start

Review the UX design for the "onboarding flow" using the ux-craft skill.

Frequently Asked Questions about ux-craft

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

FAQPage Schema
How do I review a UI design for usability and accessibility?▼

To review a UI design for usability, apply a comprehensive checklist and review methodology based on canonical UX principles from authors like Krug, Norman, and Cooper to ensure your interface meets usability and accessibility standards.

What behavioral science principles can I apply to improve user experience?▼

You can apply behavioral science principles and psychology insights from a dedicated library to enhance usability, integrating these heuristics into your web and mobile UI development and assessment process.

How do I structure user goals and mock user flows for a new interface?▼

Structure user goals and mock user flows by using build mode guidance, which helps shape UI states and map out user journeys for web and mobile interfaces during the design process.

Can I use UX heuristics to evaluate email layouts and flows?▼

Yes, you can use UX heuristics to evaluate email layouts and flows, as this functionality provides specific UX guidance and reviews for emails alongside standard web and mobile UIs.

Does this UX guidance automatically adapt to different design tasks?▼

Yes, the UX guidance automatically adapts to different tasks using mode detection, which selects the appropriate references based on your input type for review, build, or advice scenarios.

Related Skills

Explore More Design & Creative Skills→
dmend3zdmend3z
14

designing-email-journeys

Design data-driven email sequences with dynamic copy and behavioral branching.

Community
Advanced
0xRayAI0xRayAI

frontend-ui-ux-engineer

Apply UI/UX design principles and WCAG 2.1 AA accessibility guidelines to web interfaces.

Official
Intermediate
s1366560s1366560
5

frontend-ui-ux-engineer

Generate React components and optimize frontend UI performance.

Community
Intermediate
modu-aimodu-ai
267

ux-designer

Analyze user experience issues via heuristic evaluation, accessibility review, and user flow analysis.

Official
Advanced