What is the ULTRATHINK protocol?

ULTRATHINK is a specialized operational mode triggered by a specific prefix that forces Claude to perform exhaustive reasoning across psychological, technical, accessibility, and scalability dimensions before generating code.

Does this skill support popular UI libraries?

Yes, it automatically detects and integrates with libraries like Shadcn UI, Radix UI, MUI, and Chakra UI, ensuring that it uses your existing primitives rather than creating redundant code.

Does the generated code follow web standards?

Absolutely. The skill prioritizes semantic HTML5, WCAG 2.1 AAA compliance, and strict Core Web Vitals performance standards, such as LCP under 2.5s.

How does the personal component library work?

The skill includes a structured file system where you can store, search, and retrieve custom UI components and patterns to maintain consistency across multiple projects.

Avant-Garde Frontend Architect

Name: Avant-Garde Frontend Architect
Author: aegntic

byaegntic

•

Design Tools

Crafts bespoke, high-performance, and minimalist user interfaces using advanced architectural analysis and a personalized component library.

This skill transforms Claude into a senior frontend architect capable of building sophisticated, non-generic web interfaces that reject standard templates. It features a unique ULTRATHINK protocol for deep-level technical and psychological reasoning, ensuring every design choice serves a specific purpose. By automatically detecting existing UI libraries like Shadcn UI or Radix and maintaining a persistent personal component library, it streamlines the creation of accessible, production-ready frontend code that prioritizes intentional minimalism, visual hierarchy, and superior performance metrics.

Key Features

01ULTRATHINK protocol for multi-dimensional architectural and UX analysis

029 GitHub stars

03Strict adherence to WCAG 2.1 AAA accessibility and Core Web Vitals optimization

04Persistent personal component library for reusable cross-project elements

05Bespoke design philosophy that avoids generic 'bootstrapped' layouts

06Automatic detection and integration with Shadcn UI, Radix, MUI, and more

Use Cases

01Developing high-end landing pages with unique, kinetic layouts and animations

02Building and managing a private, reusable library of high-quality UI components

03Architecting complex web applications using existing UI primitives with custom styling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aegntic/cldcde avant-garde-frontend-architect

For use in Claude.ai and ChatGPT

Download Skill