Toolkit for interacting with and testing local web applications using

'Presentation creation, editing, and analysis. When Claude needs to work

Coding Agent Session Search - unified CLI/TUI to index and search local coding agent history from Claude Code, Codex, Gemini, Cursor, Aider, ChatGPT, Pi-Agent, Factory, and more. Purpose-built for...

styled-components best practices for CSS-in-JS development in React applications

Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.

Expert in web animations, transitions, and motion design using Framer Motion and CSS

Ghost CMS theme development with Handlebars templating, Alpine.js, Tailwind CSS, and performance optimization

TailwindCSS v4 and SSR expert. Use when configuring TailwindCSS, implementing SSR strategies, optimizing critical CSS, or solving styling performance issues.

Customize Clerk component appearance - themes, layout, colors, fonts, CSS. Use for appearance styling, visual customization, branding.

Extract dominant colors from images, generate color palettes, and export as CSS, JSON, or ASE with K-means clustering.

Mantine UI library for React: 100+ components, hooks, forms, theming, dark mode, CSS modules, and Vite/TypeScript setup.

Update Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the design system.

Serve static files, directories, and embedded assets. Use for CSS, JavaScript, images, and downloadable content.

Styles UI with the Hack Club aesthetic using hack.css. Opt-in only—use when user confirms they want Hack Club styling after being asked "Would you like to use the Hack Club UI skill?"

Build polished web UIs - components, pages, dashboards, React, HTML/CSS. Avoids generic AI aesthetics

Create and manage modern React web applications using Bun, Vite, React 19, Tailwind CSS 4, and shadcn/ui. Use this skill when the user asks to build a frontend, a web app, or modify UI components.

Migrate Ant Design UIs to shadcn/ui + Tailwind (React/CRA/Vite → Next.js App Router) with layout/page skeleton generation, component mapping, and aggressive legacy CSS cleanup guidance.

Consistent Tailwind CSS patterns for React/Next.js applications. Use when styling components with Tailwind, adding responsive design, implementing dark mode, or organizing utility classes.

Set up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React...

Modern web development best practices for TypeScript, Next.js 14, React Server Components, Supabase, GraphQL, and Tailwind CSS.