GitHub
react-mobile
Mobile-first React component development with Tailwind CSS, TanStack Query, and accessibility. Use when creating React components, pages, or hooks.
☆ 0View 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
effect
Write idiomatic Effect TypeScript code. Use this skill when working with Effect, @effect/* packages, or projects using Effect for error handling, services, layers, schemas, and functional programming patterns.
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces for the Clue Symptom Tracker. Use Podia-inspired warm, approachable aesthetics with energy-conscious design for chronic illness users. Generates pixel-pe...
☆ 0View skill
GitHub
nextjs-ssr-optimization
Optimiza rendering performance para Next.js applications (SSR, SSG, ISR, streaming).
☆ 0View skill
GitHub
smart-router
Config-driven routing para workflows dinámicos multi-repo. Decide automáticamente qué fases ejecutar según tipo de cambio.
☆ 0View skill
GitHub
react-best-practices
45+ reglas de performance para React/Next.js desde Vercel Engineering
☆ 0View skill
GitHub
astro-component-ui
Build or update Astro UI components in src/components with consistent styling and props. Use when creating new UI sections or refactoring existing components.
☆ 0View skill
GitHub
astro-i18n
Update UI copy and labels in the Astro i18n system (src/i18n/ui.ts and src/i18n/utils.ts). Use when adding or changing UI text in multiple languages.
☆ 0View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 0View skill
GitHub
angular-architect
Senior Angular architect with deep expertise in Angular 17+, NgRx, and enterprise application architecture. Specializes in large-scale Angular applications, performance optimization, and scalable design pattern...
☆ 0View skill
GitHub
angular-expert
Expert Angular developer specializing in Angular 17+, signals, and modern component architecture. Masters RxJS, NgRx, and building scalable enterprise applications with Angular's full-stack capabilities.
☆ 0View skill
GitHub
tamagui
Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.
☆ 0View skill
GitHub
nuxt-ui
Use when implementing or debugging UI features with Nuxt UI components, designing forms, tables, modals, or any user interface work - fetches current documentation to ensure accurate component APIs
☆ 0View skill
GitHub
effect-lookup
Quick lookup for Effect TypeScript library APIs, patterns, and source code. Use when you need to find Effect functions, understand Effect patterns, or look up implementation details.
☆ 0View skill
GitHub
frontend-design
Create distinctive, mobile-first Next.js interfaces with high design quality. Use when building pages, components, or layouts. Generates polished code that avoids generic AI aesthetics.
☆ 0View skill
GitHub
ultimate-frontend
Create production-ready, gorgeous frontend interfaces with expert design guidance, modern component patterns, animations, and extensive templates. Combines design principles, component libraries (React/shadcn/u...
☆ 0View skill
GitHub
layout-composition-critic
Critique UI layouts and provide specific, actionable fixes. Use when something feels off but you can't articulate why, before finalizing designs, or after adding new components. Outputs diagnosis of visual hier...
☆ 0View skill
GitHub
ui-color-consistency
Audits and updates UI components across an app to ensure consistent theming using CSS custom properties and design system colors. Use when updating UI theme, ensuring color consistency, or applying a design sys...
☆ 0View skill
GitHub
shadcn
Create, update, and maintain shadcn/ui components in the `apps/web` Next.js project. Use when asked to add UI components, sync styles/theme, adjust Tailwind, or apply shadcn/ui best practices in this codebase.
☆ 0View skill
GitHub
frontend-design-concept
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...
☆ 0View skill
GitHub
user-journey-mapper
Map user flows and journeys through your application for UX design and workflow visualization, independent of testing.
☆ 0View skill
GitHub
styling-web-tools
Applying consistent visual design to HTML tools in this repository. Use when creating new tools, updating UI components, or adding buttons/icons/controls. Based on Vercel Geist design system with Claude app inf...
☆ 0View skill
GitHub
frontend-design
Create distinctive, mobile-first Next.js interfaces with high design quality. Use when building pages, components, or layouts. Generates polished code that avoids generic AI aesthetics.
☆ 0View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 0View 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.