GitHub
react-optimizer
Optimize React components for performance and maintainability. Identifies unnecessary re-renders, memoization opportunities, and prop-drilling issues. Use when reviewing client-side code in client/src/.
☆ 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
web-artifacts-builder
Suite of tools for creating elaborate, multi-component Codex CLI HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 0View 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...
☆ 0View skill
GitHub
nextjs-cli
Next.js CLI expert for React development. Use when users need to create, develop, build, or deploy Next.js applications.
☆ 0View skill
GitHub
spa-integration
Configure SPA integration for affolterNET.Web.Bff. Use when setting up Vue/React/Angular apps, handling 401 responses, static files, or SPA fallback routing.
☆ 0View skill
GitHub
frontend-design
前端界面设计技能。创建独特、高质量的前端界面，避免通用 AI 风格。当用户需要构建网站、落地页、仪表盘、React 组件、HTML/CSS 布局或美化任何 Web UI 时使用此技能。
☆ 0View skill
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 0View skill
GitHub
react-native-mobile
Build production-grade React Native mobile apps for iOS and Android with distinctive, high-quality design. Use this skill when the user asks to create mobile apps, mobile UI components, mobile screens, or work...
☆ 0View skill
GitHub
react-stack-engineer
Use this agent when you need to write, review, or refactor React code following specific architectural patterns and technology choices. This includes creating new components, implementing features, fixing bugs,...
☆ 0View skill
GitHub
nextjs-expert
Build and modify Next.js App Router codebases using TypeScript, Tailwind CSS, and Prisma. Use for creating pages/layouts/components, route handlers (`app/api/*/route.ts`), server actions, and Prisma schema chan...
☆ 0View skill
GitHub
vibe-designer
Create stunning, modern web designs with aurora effects, glassmorphism, neon glows, and sophisticated aesthetics. Perfect for developer tools, dashboards, and apps targeting vibe coders who appreciate refined,...
☆ 0View skill
GitHub
forms
Build forms with FNForm component including validation, grid layouts, custom fields, and external control. Use when creating forms, adding validation, or building complex form UIs.
☆ 0View skill
GitHub
i18n
Internationalization with i18next for UI translations and JSONB for database content. Use when adding translations, working with localized content, or implementing multi-language features.
☆ 0View skill
GitHub
modern-react-spa
Bootstrap production-ready React SPA projects. Use when creating new React applications, setting up frontend projects, or when user requests a modern React project with type-safe routing, data fetching, and sta...
☆ 0View skill
GitHub
evade-design
Use when working on EVADE game UI, creating screens, styling components, or making visual decisions. Apply for any React Native code touching colors, typography, layouts, animations, or visual elements.
☆ 0View skill
GitHub
atomic-components
Create atomic components (atoms) - basic, reusable UI building blocks following React/TypeScript best practices with Tailwind v4 styling. Use when creating fundamental UI elements like buttons, inputs, labels,...
☆ 0View 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, or applications. Generates creative, polished code that avoid...
☆ 0View skill
GitHub
bubble
Build web applications with Bubble - create no-code apps with databases, workflows, and complex logic
☆ 0View skill
GitHub
framer
Design and publish websites with Framer - create interactive sites, manage projects, and publish directly
☆ 0View skill
GitHub
principle
Create advanced animations with Principle - design interactive prototypes with complex motion and transitions
☆ 0View skill
GitHub
fullstack-integration
Governs integration between Next.js 16 frontend and FastAPI backend. Use when connecting APIs, handling JWT auth, configuring CORS, or debugging cross-stack issues.
☆ 0View skill
GitHub
using-context7
Expert at finding and using official documentation via Context7 MCP for Next.js 16, React 19, FastAPI, Better Auth, and SQLModel. Teaches WHEN to query (framework specifics, not basics) and HOW to query effecti...
☆ 0View skill
GitHub
nextjs-16-app-router
Enforces correct Next.js 16 App Router usage. Use when building pages, layouts, routing, data fetching, or deciding between Server vs Client Components in Next.js 16 / React 19.
☆ 0View skill
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 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.