More screenshots

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIDeepSeekDeepSeekMuseMuse+22 more

    React / Next.js Production Audit — SHIP / FIX-FIRST / BLOCK Score

    1

    Checks whether a React or Next.js site is ready to launch — scores 8 areas, lists what to fix first, and gives a clear SHIP, FIX-FIRST, or BLOCK decision.

    $15

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    React / Next.js Production Audit — SHIP / FIX-FIRST / BLOCK Score

    React / Next.js Production Audit — SHIP / FIX-FIRST / BLOCK Score

    Example session with this skill installed

    **Project:** Maple & Thread — DTC apparel storefront Next.js 15.1 App Router · e-commerce · Docker standalone planned **Ask:** production-readiness audit before spring collection launch // app/page.tsx is fully "use client" // uses process.env.NEXT_PUBLIC_CMS_WRITE_TOKEN in the browser // raw hero with no alt; root layout has no metadata // no sitemap/robots/not-found/loading/error; no next.config // product PDP has no generateMetadata
    • Read your context and instructions
    • Compiled the react next js

    Verdict: BLOCK
    Production Readiness Score: 75 / 100
    Counts: 1 Critical · 4 High · 6 Medium · 2 Low

    Top findings
    SEC-01 CRITICAL — CMS write token on NEXT_PUBLIC_* (app/page.tsx)
    PERF-01 HIGH — entire home page "use client"
    IMG-01 / A11Y-01 HIGH — raw hero img, missing alt
    META-01 HIGH — no root title/description

    Quick wins: SEC-01 → META-01 → IMG-01 → A11Y-01 → SEO-01 → DEPL-01
    JSON: verdict "BLOCK", score 75, full findings array

    Connects securely to your tools. The creator never sees your data.

    About this skill

    The problem

    • Launch day is a bad time to discover missing metadata, a client-only home page, raw hero images, or a secret that ships in the browser.
    • Generic “review my Next.js app” prompts return scattered tips with no score and no clear go/no-go.
    • Teams need one production-readiness pass across performance, accessibility, SEO/AEO, UX, images, metadata, deploy setup, and basic security hygiene.

    What it does

    • Audits a React/Next.js codebase (App Router, Pages Router, or mixed) and returns prioritised findings with file evidence, impact, and effort.
    • Scores eight weighted categories and computes a Production Readiness Score from 0–100.
    • Gives a hard launch decision: SHIP, FIX-FIRST, or BLOCK.
    • Surfaces Quick Wins (high impact, low effort) and a recommended fix order.
    • Includes SEO plus AEO (answer-engine) checks, a deployment checklist, and CI-friendly Audit JSON.

    Frameworks & tools

    • Built for Next.js and React (App Router and Pages Router), including metadata API, next/image, sitemap/robots, loading/error UI, and common config pitfalls.
    • Works from workspace access or pasted key files (package.json, layout, pages, config).
    • No extra SaaS scanner required — SKILL.md workflow for Claude Code, Cursor, Codex CLI, OpenClaw, and similar agents.

    Why this beats prompting it yourself

    • Weighted scorecard instead of an unstructured bullet list.
    • Hard rules: any critical issue blocks launch; any high issue means fix first — not soft “maybe ship.”
    • Deterministic deductions per severity so results stay consistent across reviews.
    • AEO checks included, not only classic SEO.
    • Secrets referenced by name only; values never printed. Read-only — no auto-fix or deploy.

    Find more skills like this on the Claude Skills Marketplace, the Codex Skills Marketplace and the Gemini Skills Marketplace, or browse Claude Skills for Frontend & Web Apps.

    • Static/read-only audit — not a pen test or dependency CVE scan
    • Only sees files you provide; large apps may be sampled
    • Score reflects code/config, not real-user Core Web Vitals
    • Does not auto-fix, deploy, or change files
    • High-traffic launches still need staging tests and human review

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before buying a skill.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 3 months ago

    Accounts
    Example

    Permissions

    Read Files

    Allowed Hosts

    cms.example.invalid

    This skill only reads the project files you share. It does not run shell commands, change code, open the browser, call the network, or read secret values from the environment. It never deploys or ships for you. Grant Read only; leave Shell, Write, Browser, Network, and Env off.

    Listed3 months ago

    What's inside

    Frequently Asked Questions

    This skill performs an 8-category production-readiness audit on React and Next.js projects, identifying critical blockers and performance bottlenecks before you launch to avoid costly day-one errors.

    The skill works with any agentic IDE or CLI that has workspace access, such as Claude Code, Cursor, Windsurf, or OpenClaw, and requires no external SaaS subscriptions.

    Unlike generic prompts, this skill uses a weighted scoring system and a deterministic 'SHIP, FIX-FIRST, or BLOCK' framework to give you a clear, objective go/no-go decision.

    Yes, the audit is fully compatible with both the modern App Router and the legacy Pages Router, including specific checks for the Next.js Metadata API and server components.

    You receive the SKILL.md integration file, the production-readiness scoring logic, a deployment checklist, and the JSON schema for CI-friendly audit exports.

    The skill is designed to be read-only for maximum safety; it identifies vulnerabilities and code smells but will not modify your files or trigger deployments without your manual intervention.

    New in Frontend & Web Apps