Agent Skills Hub

tailwind-config

Manage Tailwind CSS configuration, custom design tokens, themes, and design system utilities across the monorepo.

table-filters

Designs and implements professional, interactive filtering UX for data tables based on column data types.

web-artifacts-builder

A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.

airiot-frontend

Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.

tailwindcss

TailwindCSS v4 pattern library with CSS-first configuration, @theme design tokens, @source content detection, and modern CSS utilities for high-performance frontend workflows.

mcp-rails

Implement a full Model Context Protocol (MCP) stack in Rails. Connect to external servers, expose your Rails app as an MCP server, or manage subprocess MCP containers via Docker with OAuth 2.1 PKCE support.

design-system-implementation

Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.

color-palette

Generate complete, accessible colour systems from a single hex. Includes 11-shade scales (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output.

aesthetic

Create aesthetically beautiful interfaces using systematic design principles, AI-driven evaluation, and automated inspiration analysis.

ux-designer

A precision-focused UX/UI engineering agent for identifying bugs, optimizing usability, and ensuring flawless interface performance in workflow applications.

claude-code-web-cli

Build custom authentication UIs for Next.js applications using Clerk's headless UI primitives and elements.

vercel-composition-patterns

React composition patterns for scalable codebases. Refactor complex components, build flexible libraries, and implement compound components or React 19 architecture patterns.