Skill UI

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.

A comprehensive guide and shared vocabulary for designing and structuring complex software modules. Use this when you need to refine an existing module's interface, identify opportunities for deepening its capabilities, determine optimal internal seams, or improve code testability and AI-navigability. It establishes clear principles for Module, Interface, Depth, and Seam.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

A comprehensive guide to implementing Claymorphism, a playful and tactile UI/UX design trend. This style emphasizes soft, rounded shapes, inflated 3D volumes, and continuous curves, giving elements the look of soft clay or balloons. Learn the core principles, color palettes, and implementation techniques across CSS, SwiftUI, and Flutter.

A comprehensive guide for implementing the Glassmorphism aesthetic across web and mobile applications. Learn the core principles, including backdrop filtering, semi-transparent backgrounds, and light borders, to create a modern, frosted glass look inspired by macOS and contemporary digital interfaces. Includes code examples for CSS, SwiftUI, and Flutter.

Neumorphism, or Soft UI, is a contemporary design trend where interface elements appear extruded from the background material itself. This guide details the core principles—unified colors and dual shadows (light highlight and dark shadow)—and provides comprehensive implementation examples for web (CSS), iOS (SwiftUI), and cross-platform (Flutter) development. Use this style when a subtle, soft, and integrated aesthetic is desired.

This skill provides comprehensive pull request (PR) code reviews that go beyond simple syntax checks. It aggressively surfaces deep-rooted decay risks, architectural design smells, and maintainability issues. Findings are reported using a structured Symptom → Source → Consequence → Remedy framework, drawing insights from classic engineering principles. Ideal for reviewing complex or crucial code modules.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

A comprehensive guide on designing, building, and optimizing interactive developer playgrounds. Learn principles covering instant gratification, progressive complexity, and zero friction to maximize developer engagement, demonstrate core value, and convert curious visitors into active users.

This skill covers the principles of building Software Development Kits (SDKs) that provide an exceptional developer experience (DX). Learn how to design intuitive APIs, utilize progressive disclosure, establish sensible defaults, and implement actionable, guiding error messages. The focus is on driving product adoption by making the developer's workflow seamless and productive. Ideal for product managers, technical leads, and API designers.

An ultra-rational, grid-based presentation template inspired by Swiss design principles. Featuring a strict 16-column grid, limited color palettes (Klein Blue, Lemon, Safety Orange), and 22 predefined layouts. Ideal for presenting complex data, academic research, product roadmaps, and high-level business analysis where clarity and objectivity are paramount.