the-controller-design

Guide feeling-first UI/UX design with research and critique lenses.

13|2|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/kwannoel/the-controller --skill the-controller-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: the-controller-design
Source: https://github.com/kwannoel/the-controller/tree/main/skills/the-controller-design
Command: npx skills add https://github.com/kwannoel/the-controller --skill the-controller-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the need for a structured, feeling-driven approach to designing user interfaces and experiences before implementation, ensuring alignment with user emotions and functional requirements.

Core Features & Use Cases

  • Feeling-First Design: Starts with an emotional statement to guide all design decisions.
  • Structured Research: Mandates research into similar UX problems and derives actionable lessons.
  • Iterative Design & Critique: Employs a rigorous critique loop with specific design lenses to refine decisions and simplify the design.
  • Use Case: Designing a new dashboard for managing AI agents, ensuring the interface feels "calmly in control" and "effortlessly powerful" through a systematic process of defining feelings, researching solutions, deriving specific UI elements, and critiquing each choice.

Quick Start

Use the the-controller-design skill to design the feeling and interaction model for a new session creation modal.

Frequently Asked Questions about the-controller-design

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

FAQPage Schema
How do I start a UI/UX design process for a new feature before implementation?

Start a UI/UX design process by defining an emotional design goal, conducting comparative research on similar UX problems, deriving specific interaction and visual decisions, and applying critique lenses to refine the interface.

What is feeling-first design and when should I use it?

Feeling-first design is an approach that uses an emotional statement to guide all UI and UX decisions. Use it for new features or redesigns to ensure interfaces are intuitive, elegant, and aligned with user emotions before development.

How do I conduct a design critique to refine interaction and visual decisions?

Conduct a design critique by applying specific design lenses in an iterative loop to rigorously evaluate and refine interaction and visual decisions, ensuring the final UI simplifies the experience and meets emotional goals.

Can I use this structured design process for a complex dashboard interface?

Yes, you can use this structured design process for complex interfaces like dashboards. It guides you through defining feelings such as 'calmly in control' and deriving specific UI elements to systematically solve the UX problem.

What is the best way to define emotional design goals for a user interface?

The best way to define emotional design goals is to start with a clear emotional statement that describes how the interface should feel, ensuring all subsequent interaction and visual design choices align with that feeling.

Why does my UI design process need comparative research before deriving visual decisions?

Comparative research is needed to investigate similar UX problems and derive actionable lessons, ensuring your visual and interaction decisions are grounded in proven solutions rather than arbitrary choices.