nextjs-frontend

Name: nextjs-frontend
Author: tayfunates10

Use when building Nexora web UI with Next.js, React, TypeScript, App Router, server/client components, dashboards, forms, streaming, or accessibility.

by tayfunates10(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from tayfunates10/nexora-agentos (.opencode/skills/nextjs-frontend/SKILL.md). Install upstream with npx skills add tayfunates10/nexora-agentos --skill nextjs-frontend. Copyright stays with the author.

Next.js Frontend

Build an accessible enterprise control plane.

Rules

Default to Server Components; use Client Components only for interactive/browser state.
Keep server secrets and privileged data access out of client bundles.
Validate forms on both client and server.
Model loading, empty, error, forbidden and partial states explicitly.
Use typed API clients/contracts.
Avoid global client state when URL/server state is sufficient.

Agent UX

Show run status, tool activity, approvals, errors and traceability clearly. Never hide a pending approval or destructive action behind ambiguous UI.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

tayfunates10-nexora-agentos-nextjs-frontend.ocm.jsonjson

{
  "ocm": "1",
  "id": "tayfunates10-nexora-agentos-nextjs-frontend",
  "kind": "skill",
  "name": "nextjs-frontend",
  "description": "Use when building Nexora web UI with Next.js, React, TypeScript, App Router, server/client components, dashboards, forms, streaming, or accessibility.",
  "publisher": "tayfunates10",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Use when building Nexora web UI with Next.js, React, TypeScript, App Router, server/client components, dashboards, forms, streaming, or accessibility."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/tayfunates10/nexora-agentos",
      "path": ".opencode/skills/nextjs-frontend/SKILL.md",
      "ref": "70200d3a6b3f54afd2d79606df9a3400fbd7bf42",
      "url": "https://github.com/tayfunates10/nexora-agentos/blob/70200d3a6b3f54afd2d79606df9a3400fbd7bf42/.opencode/skills/nextjs-frontend/SKILL.md",
      "key": "tayfunates10/nexora-agentos/.opencode/skills/nextjs-frontend/SKILL.md"
    }
  },
  "instructions": "# Next.js Frontend\n\nBuild an accessible enterprise control plane.\n\n## Rules\n- Default to Server Components; use Client Components only for interactive/browser state.\n- Keep server secrets and privileged data access out of client bundles.\n- Validate forms on both client and server.\n- Model loading, empty, error, forbidden and partial states explicitly.\n- Use typed API clients/contracts.\n- Avoid global client state when URL/server state is sufficient.\n\n## Agent UX\nShow run status, tool activity, approvals, errors and traceability clearly.\nNever hide a pending approval or destructive action behin",
  "cost": {
    "context_tokens": 153
  }
}

Fetch it by URL: GET /api/v1/registry/tayfunates10-nexora-agentos-nextjs-frontend/manifest?version=1.0.0