Total 50,525 skills, Frontend Development has 4865 skills
Showing 12 of 4865 skills
Scaffold a production-ready Next.js (App Router) + TypeScript + Tailwind + shadcn/ui + Supabase (Postgres/Auth/Storage) boilerplate, deployable to Vercel. Includes Supabase migrations, RLS-ready multi-tenant schema, and example API routes (internal + external).
Skills-only equivalent of impeccable.style /normalize. Normalize design to match your design system and ensure consistency Use for frontend and UI design tasks.
Generate frontend page structures based on standardized Anatomy specifications; proactively ask users to select generation modes (Unsupervised/Supervised), and support automatic generation of Wrapper, Content, and Optional Store modules
TypeScript and JavaScript expert including type systems, patterns, and tooling
Complete workflow for implementing Mapbox search in applications - from discovery questions to production-ready integration with best practices
Explains Single Page Applications (SPA), Multi Page Applications (MPA), and hybrid architectures. Use when discussing app architecture decisions, comparing SPA vs MPA, explaining how traditional vs modern web apps work, or when building a new web application.
Progressive Web App patterns with Workbox 7.x, service worker lifecycle, offline-first strategies, and installability. Use when building PWAs, service workers, or offline support.
Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.
Expert frontend development guidance covering React, Vue, Angular, TypeScript, state management, component architecture, performance optimization, accessibility, testing, and modern web APIs. Produces production-ready, maintainable, and performant frontend code with best practices. Use when building web applications, implementing UI components, managing application state, optimizing performance, or when users mention React, Vue, Angular, TypeScript, hooks, state management, components, or frontend development.
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Apply SEO best practices for web applications including metadata, performance optimization, and search engine optimization techniques.
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.