skills.rest
AshenDulsanka
AshenDulsankaCOMMUNITY
Explore all skills by this author →
𝕏@knivzzGitHub

design

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
One-click install
npx skills add https://github.com/AshenDulsanka/agent-arche --skill design-ashendulsanka
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AlfxjxAlfxjx

design-taste-frontend

Enforce metric-based UI/UX rules and optimize frontend design for React or Next.js projects.

Community
Advanced
AlejandroFiginiAlejandroFigini

gsap-core

Create GSAP tweens and timelines for UI animations across frameworks.

Community
Advanced
dennislee928dennislee928
54

icon-design

Select semantically appropriate icons from Lucide, Heroicons, and Phosphor for React and HTML projects.

Community
Intermediate
1toe1toe

critique

Critique web or app designs for usability, visual hierarchy, and quality.

Community
Advanced