Packs

3 packs

Build Agent UI in React/Next.js

Add a full agent interface to a React/Next.js app with streaming, human-in-the-loop approvals, and tool call UI.

3 skills · pack

React Motion UI System

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

5 skills · pack

@alirezarezvani

Convert long markdown files into world-class single-file interactive HTML — DOMAIN COMPLETE at v2.10.3 (5 skills). v2.10.3 adds md-slides — the slide-deck converter (arrow-key / Space / PgDn / Home / End / P keyboard navigation + presenter mode with split-view clock + speaker notes + next-slide preview + URL-hash deep linking like #3 + @media print page-per-slide for browser-native PDF export; reu

4 skills · pack

Results for “next”

390 skills

strategic-story-builder

Turn strategy inputs into a clear narrative with stakes, choices, tradeoffs, and next moves.

implementing-next-generation-firewall-with-palo-alto

Configure and deploy Palo Alto Networks next-generation firewalls with App-ID, User-ID, zone-based policies, SSL decryption, and threat prevention profiles for enterprise network security.

24.6k · bundle

Operate Payload CMS (Next.js-native headless CMS) in repo workflows: bootstrap a Payload app, configure collections/globals, run local dev + migrations, and ship safe content-model changes. Use when the request mentions Payload CMS, payload config, collection schema, admin panel, or Next.js + headless CMS integration.

Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Scaffolds or audits Zod-validated environment variables for a Next.js service, including src/lib/env.ts, .env.example, scripts/check-env.ts, and pnpm check:env. Use when adding env vars, auditing process.env usage, or aligning with deployment secrets.

Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.

lucassantana-dev

Decide the highest-value safe thing to do right now in the active repo or workspace.

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

Prepare a Quarterly Business Review deck and narrative that proves value and sets the next quarter's plan.

Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

react-performance

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

Full specialist analysis via parallel agent dispatch. Researcher, Architect, and PM produce a prioritized report of what to build next (30-60s).

harness-ops-prompt-inspector

OPS-only dev-mode visual API binding for React/Next.js or static HTML UI elements and REST endpoints.

projectious-work

session-handover

Write an end-of-session handover LogEntry capturing current state, open threads, next action, and git context for session continuity.

backend-patterns

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

backend-patterns

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

Generate structured meeting notes with title, attendance, agenda, decisions, action items, and next meeting footer.

firebase-app-hosting-basics

Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.

Test coverage and quality review — what needs tests, test quality assessment, anti-patterns, and the testing pyramid for Next.js + Supabase applications.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

iamanacarolinarezende

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

backend-patterns

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Build type-safe APIs with tRPC, covering procedures, routers, middleware, React integration, subscriptions, and error handling.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Authenticate AI agents with services using ERC-8004 onchain identity via Sign-In With Agent (SIWA).

Customize shadcn/ui themes by editing CSS variables, adding custom colors, and adjusting border radius.