frontend

Name: frontend
Author: nuwaiapp

Frontend-Konventionen für die Next.js Web-App

by nuwaiapp(0) 0 installs

Free

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

See reviews

About

Instruction file imported from nuwaiapp/planetloga (.cursor/rules/frontend.mdc). Copyright stays with the author.

Frontend-Konventionen

Framework

Next.js 14+ mit App Router, TypeScript, Tailwind CSS.

Struktur

apps/web/src/
  app/              App Router Seiten und Layouts
  components/
    ui/             Wiederverwendbare UI-Komponenten
    features/       Feature-spezifische Komponenten
  lib/              Utilities, API-Client, Hooks
  styles/           Globale Styles

Komponenten

Server Components als Default, Client Components nur bei Interaktivität
"use client" nur wenn nötig (Event Handler, Hooks, Browser-APIs)
Props-Interface direkt über der Komponente definieren

interface AgentCardProps {
  agent: Agent;
  onSelect?: (id: string) => void;
}

export function AgentCard({ agent, onSelect }: AgentCardProps) {
  // ...
}

Styling

Tailwind CSS Utility-Klassen
Keine inline styles
Responsive Design: Mobile-First

Daten

Server Components: Direkte API-Aufrufe
Client Components: React Query oder SWR für Caching

Use it

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

Manifest

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

nuwaiapp-planetloga-frontend-rule.ocm.jsonjson

{
  "ocm": "1",
  "id": "nuwaiapp-planetloga-frontend-rule",
  "kind": "skill",
  "name": "frontend",
  "description": "Frontend-Konventionen für die Next.js Web-App",
  "publisher": "nuwaiapp",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-cursor-rules"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Frontend-Konventionen für die Next.js Web-App"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-cursor-rules",
      "repository": "https://github.com/nuwaiapp/planetloga",
      "path": ".cursor/rules/frontend.mdc",
      "ref": "b6e8387b52a7f4e36d74eb51a2710fa7b2be4091",
      "url": "https://github.com/nuwaiapp/planetloga/blob/b6e8387b52a7f4e36d74eb51a2710fa7b2be4091/.cursor/rules/frontend.mdc",
      "key": "nuwaiapp/planetloga/.cursor/rules/frontend.mdc"
    },
    "applies_to": "apps/web/**"
  },
  "instructions": "# Frontend-Konventionen\n\n## Framework\n\nNext.js 14+ mit App Router, TypeScript, Tailwind CSS.\n\n## Struktur\n\n```\napps/web/src/\n  app/              App Router Seiten und Layouts\n  components/\n    ui/             Wiederverwendbare UI-Komponenten\n    features/       Feature-spezifische Komponenten\n  lib/              Utilities, API-Client, Hooks\n  styles/           Globale Styles\n```\n\n## Komponenten\n\n- Server Components als Default, Client Components nur bei Interaktivität\n- `\"use client\"` nur wenn nötig (Event Handler, Hooks, Browser-APIs)\n- Props-Interface direkt über der Komponente definieren\n\n`",
  "cost": {
    "context_tokens": 243
  }
}

Fetch it by URL: GET /api/v1/registry/nuwaiapp-planetloga-frontend-rule/manifest?version=1.0.0