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/.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
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...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
nextjs-cli
Next.js CLI expert for React development. Use when users need to create, develop, build, or deploy Next.js applications.
☆ 0查看技能
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.
☆ 0查看技能
GitHub
frontend-design
前端界面设计技能。创建独特、高质量的前端界面，避免通用 AI 风格。当用户需要构建网站、落地页、仪表盘、React 组件、HTML/CSS 布局或美化任何 Web UI 时使用此技能。
☆ 0查看技能
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...
☆ 0查看技能
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...
☆ 0查看技能
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,...
☆ 0查看技能
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...
☆ 0查看技能
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,...
☆ 0查看技能
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.
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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,...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
bubble
Build web applications with Bubble - create no-code apps with databases, workflows, and complex logic
☆ 0查看技能
GitHub
framer
Design and publish websites with Framer - create interactive sites, manage projects, and publish directly
☆ 0查看技能
GitHub
principle
Create advanced animations with Principle - design interactive prototypes with complex motion and transitions
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。