skills.rest
HunterMcGrew
HunterMcGrewCOMMUNITY
Explore all skills by this author →
GitHub

prism-design

Provide UI/UX design guidance using cognitive science principles.

Updated May 2, 2026
Search Tags:#microcopy#cognitive science#ui/ux design#interaction design#ui audit
One-click install
npx skills add https://github.com/HunterMcGrew/PRISM --skill prism-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prism-design
Source: https://github.com/HunterMcGrew/PRISM/tree/main/.cursor/skills/prism-design
Command: npx skills add https://github.com/HunterMcGrew/PRISM --skill prism-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill brings expert UI/UX design to your project, ensuring a user-friendly interface and intuitive user experience through cognitive science principles.

Core Features & Use Cases

  • UI/UX Design: Specializes in interaction design, UI audits, and microcopy direction.
  • Cognitive Science: Utilizes principles like Nielsen's heuristics, Gestalt, and Hick's Law.
  • State Coverage: Handles empty, loading, error, success, and edge-case states.
  • Use Case: For a developer seeking to improve a form's user experience, the skill can provide wireframes, mockups, and detailed feedback based on cognitive principles.

Quick Start

Trigger the 'prism-design' skill to get feedback on your UI design.

Frequently Asked Questions about prism-design

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

FAQPage Schema
How do I conduct a UI audit using cognitive science principles?▼

A UI audit evaluates interface usability by applying cognitive science principles like Nielsen's heuristics, Gestalt, and Hick's Law to identify friction points. It covers interaction design, microcopy, and various UI states including empty, loading, and error scenarios.

What is microcopy direction in UI/UX design?▼

Microcopy direction crafts concise user interface text to guide user behavior and reduce cognitive load. It leverages cognitive science to ensure labels, buttons, and error messages are intuitive, directly improving interaction design and the overall user experience.

How do I design UI states for empty, loading, and error scenarios?▼

Designing UI states requires defining visual and textual feedback for empty, loading, error, success, and edge-case scenarios. This process uses interaction design principles to maintain user orientation and manage expectations during system delays or failures.

Do I need prior UI/UX design knowledge to use cognitive science heuristics?▼

Yes, applying cognitive science heuristics like Hick's Law requires an existing understanding of UI/UX design principles. This expertise is necessary to translate psychological concepts into practical interaction design, wireframes, and mockups effectively.

What's the best way to improve form user experience with interaction design?▼

Improving form user experience involves auditing the interaction design and microcopy based on Gestalt principles and Nielsen's heuristics. This identifies cognitive friction, allowing you to generate wireframes and mockups that streamline data input and edge-case handling.

Related Skills

Explore More Design & Creative Skills→
tomada1114tomada1114
4

designing-wireframes

Design ASCII wireframes and UX flows from detailed requirements.

Community
Basic
MadAppGangMadAppGang
7

ui-design-review

Analyze UI screenshots, wireframes, and mockups for usability, accessibility, and consistency.

Official
Intermediate
lv7devlv7dev

aesthetic

Optimize UI aesthetics and design systems for digital products.

Community
Basic
stefanbooveanu-debugstefanbooveanu-debug
1

critique

Evaluate design interfaces for usability, accessibility, and emotional resonance.

Community
Advanced