design

Name: design
Availability: InStock
Author: knivzz

Conduct heuristic evaluation and cognitive load analysis for UI/UX design critique.

4|Updated Apr 16, 2026

Search Tags:#animation #ui/ux design #gsap #design critique #style customization

Ready to run

npx skills add https://github.com/AshenDulsanka/agent-arche --skill design-ashendulsanka

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design
Source: https://github.com/AshenDulsanka/agent-arche/tree/main/skills/design
Command: npx skills add https://github.com/AshenDulsanka/agent-arche --skill design-ashendulsanka

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires GSAP, ScrollTrigger, phosphor-icons/react, radix-ui/react-icons, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design support, including expert critique, animation, and style customization, empowering you to create compelling and effective user interfaces.

Core Features & Use Cases

Expert Critique: Conduct structured heuristic evaluation and cognitive load analysis for design critique.
Animation: Strategically add animations and micro-interactions to enhance user experience.
Style Customization: Implement various design styles such as soft, minimalist, and brutalist.
Use Case: Need to review and improve a UI/UX design. Load the critique steps and provide feedback based on structured heuristics and cognitive load analysis.

Quick Start

Use the design skill to review and improve the UI/UX design of the 'project_website'.

Frequently Asked Questions about design

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

FAQPage Schema

How do I conduct a UI/UX design critique using heuristic evaluation?▼

UI/UX design critique applies structured heuristic evaluation and cognitive load analysis to review interfaces. This process identifies usability issues and generates targeted feedback to improve the overall user experience based on established design principles.

How do I add scroll animations and micro-interactions using GSAP and ScrollTrigger?▼

Adding scroll animations with GSAP and ScrollTrigger involves strategically implementing micro-interactions to enhance user experience. This approach binds animations to scroll positions to create dynamic visual feedback during page navigation.

Can I apply different UI style customizations like minimalist or brutalist to my project?▼

UI style customization supports implementing various visual themes including soft, minimalist, and brutalist designs. You can apply these different style options to match specific aesthetic requirements and transform the visual presentation of your user interface.

Do I need specific libraries to implement UI animations and design critiques?▼

Implementing UI animations requires dependencies like GSAP, ScrollTrigger, phosphor-icons, and radix-ui icons. You must install these libraries in your environment to execute animation sequences and apply the associated icon components.

What is the best way to review and improve a website's UI/UX design?▼

Reviewing and improving a website's UI/UX design is best handled by loading structured critique steps that apply heuristic evaluation and cognitive load analysis. This method provides specific feedback on usability flaws and style customization opportunities.