Agent Skills Hub

web-artifacts-builder

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

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

react-native

React Native best practices for Expo and bare workflow. Supports project structure, navigation, NativeWind styling, platform-specific code, and TypeScript integration.

visual-design-foundations

Establish cohesive visual systems using design tokens, modular typography scales, 8-point spacing grids, and accessible color palettes for consistent UI development.

pix

An autonomous UI implementation agent that converts Figma designs into pixel-perfect code using Figma MCP and browser-based refinement.

frontend-design-review

Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

ui-implementer

Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

design-system-implementation

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

elegant-design

Build professional, accessible, and responsive user interfaces using React, Next.js, and modern design systems like shadcn/ui. Focuses on developer tools, chat interfaces, and real-time streaming components.

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.