GitHub
code-generation
Scaffolding, boilerplate generation, and project templates. Use for generating components, modules, APIs, and project structures.
☆ 32View 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
mobile-development
React Native and Flutter patterns for cross-platform mobile apps. Use for mobile UI, navigation, and platform-specific code.
☆ 32View skill
GitHub
graphql-development
GraphQL schema design, resolvers, and client integration. Use for building GraphQL APIs and front-end queries.
☆ 32View skill
GitHub
vision-to-code
Convert UI screenshots and designs to working code. Use when translating visual designs, mockups, or screenshots into HTML/CSS/React components.
☆ 32View skill
GitHub
reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly...
☆ 31View skill
GitHub
gomponents
Guide for working with gomponents, a pure Go HTML component library. Use this skill when reading or writing gomponents code, or when building HTML views in Go applications.
☆ 31View skill
GitHub
software-localisation
Production-grade i18n/l10n patterns for React, Vue, Angular, and Node.js. Covers i18next, react-intl, vue-i18n, ICU message format, RTL support, TMS integration, and CI/CD translation workflows.
☆ 31View skill
GitHub
expo-modules
Building great Expo native modules for iOS and Android. Views, APIs, Marshalling, Shared Objects, Expo Documentation, Verifying Expo modules.
☆ 31View skill
GitHub
front-end-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...
☆ 30View skill
GitHub
tanstack-start
TanStack Start full-stack React framework patterns. Use when working with file-based routing, API routes, server handlers, TanStack Router layouts, or integrating AI/MCP features in this codebase.
☆ 30View skill
GitHub
frontend
World-class frontend engineering - React philosophy, performance, accessibility, and production-grade interfacesUse when "frontend, react, vue, svelte, next.js, nuxt, component, state management, redux, zustand...
☆ 30View skill
GitHub
tailwind-css
Tailwind CSS changed how we write styles. Instead of naming things and writing CSS, you compose utility classes directly in your HTML. It sounds messy until you try it - then you never want to go back to tradit...
☆ 30View skill
GitHub
expo
Expert in Expo for React Native development. Covers Expo Router, EAS Build and Submit, development builds, native module integration, and production deployment. Knows how to build cross-platform mobile apps eff...
☆ 30View skill
GitHub
react-patterns
Expert knowledge for React hooks, composition, and component patternsUse when "react hook, useEffect, useState, useCallback, useMemo, context, component composition, react performance, re-render, react, hooks,...
☆ 30View skill
GitHub
angular
Angular is opinionated and comprehensive - it gives you everything: routing, forms, HTTP, dependency injection, testing. The learning curve is steep, but once you're in, you move fast. The structure it enforces...
☆ 30View skill
GitHub
nextjs-app-router
Expert knowledge for Next.js 13+ App Router architectureUse when "next.js app router, server component, client component, use client, use server, server action, next 13, next 14, next 15, app directory, nextjs,...
☆ 30View skill
GitHub
optimize-livewire-component
Best practices for Livewire 3 components, focusing on performance attributes and Flux UI integration.
☆ 29View skill
GitHub
style-components
Enforces Modular CSS Architecture, requiring specific CSS files for Filament components instead of global styles.
☆ 29View skill
GitHub
angular-coding
Angular coding standards with version-aware patterns. Automatically detects Angular version from package.json and applies appropriate patterns. Use when writing Angular components, services, or TypeScript code.
☆ 29View skill
GitHub
rails-aistyling
Use when styling Rails views - Tailwind CSS utility-first framework and DaisyUI component library with theming
☆ 29View skill
GitHub
v0-dev
Expert in using v0.dev for AI-powered UI generation. Covers prompting strategies, component iteration, shadcn/ui integration, export workflows, and customization. Knows how to get the best results from v0 and i...
☆ 29View skill
GitHub
forms-validation
Expert at building robust form experiences. Covers React Hook Form, Zod validation, server actions, progressive enhancement, error handling, and accessible form patterns. Use when "form, react-hook-form, zod, v...
☆ 29View skill
GitHub
react-native-specialist
Cross-platform mobile development specialist for React Native, Expo, native modules, and mobile-specific patternsUse when "react native, expo, mobile app, ios app, android app, cross-platform, native module, re...
☆ 29View skill
GitHub
state-management
Expert guidance on frontend state management patterns including Redux, Zustand, MobX, Jotai, Recoil, and React Context. Helps choose the right solution and implement it correctly for your use case. Use when "se...
☆ 29View 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.