Agent Skills Hub

ux-audit-walkthrough

Minimalist UX/Interaction Audit Expert that deconstructs complex interactions through cognitive load and operational efficiency lenses.

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.

shadcn-vite-iconify-landing-page

Build, audit, and iterate high-converting landing pages using React, Vite, TypeScript, Tailwind, and shadcn/ui. Expert in CRO, hero structures, and conversion-focused design with Iconify icons.

qa

Browser-based QA automation for web applications. Performs automated site audits, visual regression testing, user flow verification, and issue tracking with real-time browser snapshots.

flutter-duit-bdui

Integrate, fix, and debug Duit/flutter_duit backend-driven UI (BDUI) in Flutter applications. Supports remote/static layouts, custom components, transport managers, and lifecycle debugging.

react-ui-patterns

Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

design-review

Designer's eye QA: detects and automates fixes for visual inconsistencies, spacing, hierarchy, and UI polish issues. Iteratively verifies with before/after screenshots.

core-components

Core component library and design system patterns for consistent UI development using design tokens.

phaser-gamedev

Expert-level Phaser 3 game development agent. Handles scene architecture, Arcade/Matter physics, asset pipelines, sprite animations, and performance optimization for 2D web games.

airiot-frontend

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

icon-set-generator

Generate professional, cohesive, project-specific SVG icon sets with consistent style, stroke weight, and visual density. Ideal for unique web and app UI branding.