GitHub
advanced-types
Advanced TypeScript types including generics, conditionals, and mapped types
☆ 1View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
app-router
Next.js App Router - Server components, layouts, routing patterns
☆ 1View skill
GitHub
data-fetching
Next.js data fetching - Server actions, caching, revalidation
☆ 1View skill
GitHub
forms
HTML5 forms, Constraint Validation API, accessible form patterns, and modern input types
☆ 1View skill
GitHub
graphql-apollo-client
Build React apps with Apollo Client - queries, mutations, cache, and subscriptions
☆ 1View skill
GitHub
frontend-guide
Comprehensive frontend development guide covering HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, and modern web technologies. Use when working on frontend development, web applications, or UI/UX implem...
☆ 1View skill
GitHub
css-flexbox-grid
Master Flexbox and CSS Grid layouts for modern responsive design
☆ 1View skill
GitHub
css-tailwind
Build with Tailwind CSS utility-first framework - configuration, customization, best practices
☆ 1View skill
GitHub
css-modern
Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting
☆ 1View skill
GitHub
css-fundamentals
CSS fundamentals - selectors, specificity, box model, positioning, units
☆ 1View skill
GitHub
css-animations
Create performant CSS animations, transitions, and motion design
☆ 1View skill
GitHub
frontend-patterns
Frontend development and API integration patterns for React, TypeScript, and state management
☆ 1View skill
GitHub
performance
Analizador de rendimiento de código. Detecta N+1 queries, memory leaks, CPU bottlenecks, bundle size issues, rendering problems en React. Optimiza queries SQL, caching, lazy loading.
☆ 1View skill
GitHub
distinctive-frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1View skill
GitHub
ios-reactive-list-generator
Generate reactive iOS list screens with RxSwift MVVM Input/Output pattern. Creates complete list features with reactive bindings, pagination (date range/page number), ViewModel, ViewController, Navigator, and t...
☆ 1View skill
GitHub
frontend-design
Apply when creating React frontend UI: pages, dashboards, forms, components, layouts, landing pages, modals. Enforces neobrutalist design — hard shadows, 2px borders, warm cream/yellow palette, no dark mode. Te...
☆ 1View skill
GitHub
nextjs-performance
Next.js performance optimizations including next/image, next/font, dynamic imports, caching strategies, and bundle optimization. Use when optimizing Next.js apps for speed or Core Web Vitals.
☆ 1View skill
GitHub
nextjs-server-components
Next.js App Router Server Components, Client Components, layouts, data fetching, and Server Actions. Use when working with Next.js app directory, component boundaries, or data fetching patterns.
☆ 1View skill
GitHub
vue3-frontend
Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. Covers: (1) Creating new Vue 3 projects and components, (2) Vue 2 to Vue 3 migration, (3) Code...
☆ 1View skill
GitHub
android-architecture
Guides Android development with MVI state management, repository pattern, and clean architecture. Activates when implementing Android features, ViewModels, repositories, or data layers.
☆ 1View skill
GitHub
ds-pro-max
Design system intelligence. Search AntD, Material-UI, Figma, Bootstrap, Tailwind specs. Generate compliant CSS code. Audit for violations. Components, colors, typography, spacing, tokens. Actions: search, gener...
☆ 1View skill
GitHub
design-guide
Ensures every UI component looks modern and professional with clean, minimal design. Use when building ANY user interface element including buttons, forms, cards, layouts, web pages, or React/HTML artifacts. Pr...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
tailwind-css-v4-mastery
Expert guidance for leveraging Tailwind CSS V4's new Oxide engine, CSS-first configuration, and modern styling paradigms. This skill transforms Claude into a Tailwind V4 architecture specialist, capable of desi...
☆ 1View skill
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.