Skills Directory

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores u

Invoke before any creative or architectural work - feature design, component creation, or behavioral changes. A streamlined brainstorming pr

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make softw

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing an

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter applicati

Build and maintain documentation sites with Mintlify. Use when creating docs pages, configuring navigation, adding components, or setting up

Use when diagnosing problems in an InsForge project - reactive failures (SDK error object, HTTP 4xx/5xx, gateway timeout 502/503/504, edge f

React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled u

Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. Use when reading, writing, or revi

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, ty

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when bu

Build AI chat interfaces using ai-elements components - conversations, messages, tool displays, prompt inputs, and more. Use when the user w

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend s

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setti

Build UIs with @nuxt/ui v4 - 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to m

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI - creating Buttons, Modals, Forms, Cards