king-mode

Enforce intentional minimalism and library discipline for frontend UI design.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/scottymcandrew/the-promptorium-scottys-archive-of-ai-chaos --skill king-mode
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: king-mode
Source: https://github.com/scottymcandrew/the-promptorium-scottys-archive-of-ai-chaos/tree/main/claude-skills/king-mode
Command: npx skills add https://github.com/scottymcandrew/the-promptorium-scottys-archive-of-ai-chaos --skill king-mode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides an advanced frontend architecture and design mode, focusing on minimalist, unique UI development with strict adherence to established frontend libraries.

Core Features & Use Cases

  • Deep Reasoning: Engages in multi-dimensional analysis for complex UI challenges when prompted with "ULTRATHINK".
  • Intentional Minimalism: Enforces bespoke, non-generic design principles, prioritizing purpose and reduction.
  • Library Discipline: Mandates the use of specified UI libraries (e.g., Shadcn UI, Radix, MUI) for component development.
  • Use Case: A user needs a complex dashboard component designed. They activate "ULTRATHINK" to ensure the AI considers performance, accessibility, and unique design, while strictly using the project's existing Radix UI components.

Quick Start

Activate ULTRATHINK to design a unique, minimalist modal using the project's Shadcn UI components.

Frequently Asked Questions about king-mode

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

FAQPage Schema
How do I design avant-garde React UI components with strict minimalism?

To design avant-garde React UI components with strict minimalism, you need a frontend architecture mode that enforces intentional design reduction and mandates specific UI libraries like Radix or Shadcn UI for accessible component primitives.

What is the ULTRATHINK deep reasoning protocol for frontend architecture?

The ULTRATHINK deep reasoning protocol engages a Senior Frontend Architect mode to perform multi-dimensional analysis on complex UI challenges, evaluating performance, accessibility, and bespoke layout generation.

Can I use Tailwind CSS with existing Shadcn UI and Radix components?

Yes, you can use Tailwind CSS with Shadcn UI and Radix components; this architecture mode strictly mandates using these established libraries for component primitives to ensure stability and accessibility during bespoke design.

How do I build a bespoke dashboard layout without generic UI patterns?

To build a bespoke dashboard layout without generic UI patterns, apply intentional minimalism and purpose-driven element placement using semantic HTML5, prioritizing uniqueness while sourcing base components from specified libraries.

Does this frontend architecture approach work with MUI?

Yes, this frontend architecture approach works with MUI; it mandates the use of specified UI libraries including MUI, Shadcn UI, and Radix to enforce library discipline and ensure accessibility for component development.

Why enforce library discipline for minimalist UI design?

Enforcing library discipline for minimalist UI design ensures that bespoke, avant-garde layouts maintain foundational accessibility and stability by relying on established component primitives rather than custom-built alternatives.