Skill UI

A powerful AI tool designed for complex, coordinated programming tasks. It enables developers to generate, refactor, and scaffold entire features across multiple files (e.g., schema, API routes, service layers, tests) while maintaining consistency with existing codebase patterns. It supports agent mode for autonomous, multi-step changes and allows systematic migration and review of all affected files via detailed diffs.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

A modern, dark-themed UI component library built with React, Tailwind CSS, and Framer Motion. It provides a comprehensive set of components and styles ideal for developing professional dashboards, admin panels, and data-rich applications. Features include advanced glassmorphism effects and tasteful, smooth animations to enhance user experience.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.

Automates Tailwind class optimization for frontend developers, guiding users through best practices, validating CSS patterns, and generating React/Vue-friendly code with accessibility and performance assurances.

This skill guides the creation of production-ready design systems using Tailwind CSS. It covers advanced topics such as implementing design tokens, managing component variants, establishing responsive patterns, and ensuring high accessibility standards. Use this when building component libraries, applying theming, or standardizing UI patterns across a large codebase.

A comprehensive guide to modern utility-first CSS using Tailwind CSS v4 principles. Covers the shift to CSS-first configuration, utilizing CSS variables for design tokens, implementing advanced container queries, and mastering responsive, dark mode, and complex layout patterns (Grid/Flex). Essential for building modern, component-driven UIs efficiently.

This tool provides a comprehensive workflow for generating powerful, self-contained frontend artifacts for AI platforms. It initializes a React/TypeScript project using Vite and Tailwind CSS, allowing developers to build complex UIs. The core function is bundling the entire application into a single, shareable HTML file, making it easily viewable within AI conversations.

Generates complete, production-ready landing pages using Next.js/React and Tailwind CSS. It incorporates proven copywriting frameworks (AIDA, PAS, BAB), optimizes for SEO with structured data, and adheres to Core Web Vitals standards (LCP, CLS). Ideal for creating high-performing marketing homepages, lead capture forms, and campaign sites.

A comprehensive setup guide for integrating Tailwind CSS v4 into Expo/React Native projects. This skill utilizes react-native-css and NativeWind v5 to achieve universal, utility-first styling across iOS, Android, and Web platforms, ensuring modern, consistent UI development.

This skill generates a complete, opinionated, modern full-stack Rails application boilerplate. It sets up a robust tech stack including Rails 8, PostgreSQL, React, Inertia.js, Vite, Tailwind CSS, Sidekiq, and Redis. Designed for developers who need a starting point that adheres to best practices for database structure (UUIDs, JSONB), background job processing, comprehensive testing, and modern frontend development (TSX). Ideal for bootstrapping complex, production-grade web services.