GitHub
frontend-dev
Frontend Developer for client-side implementation. Builds UI components, pages, and client logic. Use this skill for React, Vue, HTML/CSS, or frontend JavaScript work.
☆ 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
radflow-component-create
Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.
☆ 1View skill
GitHub
radtools
RadTools UI component API. Use when building interfaces with Button, Card, Tabs, Dialog, and other design system components. Quick reference with copy-paste examples.
☆ 1View skill
GitHub
radflow-design
Create distinctive RadOS-styled UI components with System 7 heritage and warm California aesthetics. Use when building new UI for RadFlow projects. Generates pixel-perfect, on-brand code that avoids generic AI...
☆ 1View skill
GitHub
radflow-component-create
Create components that work with RadFlow visual editor and component discovery. Use when building new UI components for projects using RadFlow.
☆ 1View skill
GitHub
ui-ux-guidelines
Implementation details for accessible, performant interfaces. Use alongside vercel-design-guidelines for detailed technical guidance on interactions, animations, and forms.
☆ 1View skill
GitHub
react-next-modern
Enforce modern React 19 and Next.js App Router patterns - server-first data fetching, minimal useEffect, Server Components, Server Actions, and form hooks. Use when reviewing React/Next.js code, migrating legac...
☆ 1View skill
GitHub
api-testing
Test and debug Next.js API routes, validate responses, check authentication, and troubleshoot API errors. Use when testing API endpoints, debugging 500 errors, validating API responses, or checking authenticati...
☆ 1View skill
GitHub
react-debugging
Debug React components, fix hooks errors, resolve TypeScript issues, handle state management bugs, and fix rendering problems. Use when encountering React errors, hooks violations, type errors, or component ren...
☆ 1View skill
GitHub
using-ngx-gaia
Provides usage guidance for @vsn-ux/ngx-gaia Angular components (Gaia design system). Use when implementing UI with ga- prefixed elements, GaButtonModule, GaSelectModule, ga-form-field, gaInput directives, or w...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, Motion animations, and visual design phi...
☆ 1View 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,...
☆ 1View 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,...
☆ 1View skill
GitHub
hydration-safety
Next.js SSR hydration patterns and best practices. Use when fixing hydration mismatches, implementing client-only features, or working with localStorage/browser APIs.
☆ 1View skill
GitHub
tanstack-router
Bootstrap React projects with TanStack Router for type-safe file-based routing. Use when creating React SPAs, modern web applications with routing, or when the user wants type-safe navigation in React.
☆ 1View skill
GitHub
tanstack-start-shadcn
Build full-stack React applications with TanStack Start, React Query, shadcn/ui, and Tailwind CSS v4. Use when working on projects created with create-tanstack-start-shadcn, or when the user needs help with Tan...
☆ 1View skill
GitHub
component-templates
UI component library templates (buttons, forms, cards, modals, etc.). Use when generating frontend UI components.
☆ 1View skill
GitHub
frontend-testing
Comprehensive frontend testing patterns including component tests (Jest/Vitest + RTL), visual regression (Playwright), accessibility (axe-core), and performance (Lighthouse) testing for React/Next.js applicatio...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboa...
☆ 1View skill
GitHub
mantis-react-admin
React 19 admin dashboard with Material UI v7, Vite 7, and MUI X Charts.
☆ 1View skill
GitHub
dillion-portfolio
Minimalist developer portfolio with blog, work timeline, and project showcase using Next.js 14.
☆ 1View skill
GitHub
content-ops-netlify
Next.js content model with visual editing for Netlify.
☆ 1View skill
GitHub
magic-portfolio
Next.js 16 portfolio with MDX blog/projects, Once UI, auto SEO, and endless theming.
☆ 1View skill
GitHub
award-winning-website
Gaming landing page with GSAP scroll animations, 3D effects, and video storytelling.
☆ 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.