Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Builds accessible, consistent UI components using shadcn/ui with Tailwind v4 following strict design system guidelines. Use for frontend development, component creation, design implementation, and UI consistenc...
Backend development, API design, and business logic implementation. Use for Node.js, Express, Next.js API routes, Supabase Edge Functions, authentication flows, database queries, third-party integrations, webho...
Frontend development and UI implementation for web and mobile applications. Use for React, Next.js, React Native, TypeScript, Tailwind CSS, component libraries, responsive design, state management, API integrat...
UI component definitions for the East language. Use when building UIs with @elaraai/east-ui. Triggers for: (1) Creating UI components with Stack, Box, Grid, Card, Text, Button, (2) Building forms with Input, Se...
Comprehensive standards and best practices for building modern web applications (React, Next.js, TypeScript, Tailwind).
Generate React components from design using available UI components
Systematic development workflow for building modern web applications with TypeScript, React, and React Router v7. Use this skill when developing features or working on web app projects to ensure consistent code...
When using npm package `@duskmoon-dev/core`, this skill shows how to install, configure, and use the CSS component library
Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent U...
Convex real-time backend specialist covering TypeScript-first reactive patterns, optimistic updates, server functions, and file storage. Use when building real-time collaborative apps, implementing reactive que...
TypeScript 5.9+ development specialist covering React 19, Next.js 16 App Router, type-safe APIs with tRPC, Zod validation, and modern TypeScript patterns. Use when developing TypeScript applications, React comp...
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance...
Vercel edge deployment specialist covering Edge Functions, Next.js optimization, preview deployments, ISR, and storage solutions. Use when deploying Next.js applications, implementing edge computing, or configu...
UI refresh pipeline and ViewModel state management. Covers shared UI state (ViewModel), safe refresh execution (guarding), lazy initialization patterns, Reader/List coordination, and avoiding infinite refresh l...
Provides standards and utilities for styling with Tailwind CSS. Use when building or refactoring UI components.
Provides guidance on React design patterns like Composition, Render Props, and Custom Hooks. Use when architecting complex UI components.
Manages Next.js 14+ application development, including App Router, Server Components, rendering strategies (SSR, SSG, ISR), and performance optimization. Use when working on Next.js frontend tasks.
Creates production-grade UI components using Tailwind CSS, Shadcn/ui, and Radix UI. Follows VeXeViet design standards for accessibility and performance. Use when building or refactoring web UI.
Use when writing UnoCSS with presetOnmax workflow - covers attribute mode patterns, fluid spacing (f- prefix), scale-to-pixel (1px base), custom variants (hocus, reka-*, data-state), nimiq-css design system (nq...
Build and refactor modern React (18+) using maintainable patterns, strong state management, performance optimization, and accessibility best practices.
Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui
Build complex Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui
Skill for translating web UI patterns (React/Tailwind) to native mobile patterns (Kotlin/Compose Multiplatform).
Research and understand React projects and features. Use when asked to explore a React codebase, check if a feature exists, understand component relationships, or map project structure. Specialized for React/Vi...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.