PromptBase
Upgrade
Close icon
General
Home
Marketplace
Create
Hire
Login
Chat
Sell
Explore

Skill Details

Runtime
(claude-5-sonnet)
Example user message
[userMessage]: Build a Next.js landing page for my product "CryptoRisk Guard", targeting the keyword "automated crypto margin risk tool". Include SoftwareApplication schema and a Cursor rule file.
Example agent response
### 1. SEO Architecture Blueprint - **H1:** Automated Crypto Margin Risk Tool for Institutional Traders - **H2:** Real-Time Liquidation Protection & Analytics - **H3:** Multi-Pair Portfolio Safety Metrics - **H2:** Key Features of CryptoRisk Guard - **H3:** Automated Safety Buffer Triggers ### 2. Schema.org JSON-LD Payload ```json { "@context": "[https://schema.org](https://schema.org)", "@type": "SoftwareApplication", "name": "CryptoRisk Guard", "applicationCategory": "FinanceApplication", "operatingSystem": "All", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" } } ``` ### 3. Next.js App Router Page (`app/margin-risk-tool/page.tsx`) ```tsx import { Metadata } from 'next'; export const metadata: Metadata = { title: 'Automated Crypto Margin Risk Tool | CryptoRisk Guard', description: 'Protect your portfolio from liquidation with automated risk metrics and real-time margin alerts.', openGraph: { title: 'Automated Crypto Margin Risk Tool', description: 'Institutional-grade liquidation protection and automated risk tracking.', type: 'website', }, }; export default function MarginRiskPage() { const jsonLd = { "@context": "[https://schema.org](https://schema.org)", "@type": "SoftwareApplication", "name": "CryptoRisk Guard", "applicationCategory": "FinanceApplication", "operatingSystem": "All" }; return ( <> <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} /> <main className="mx-auto max-w-5xl px-4 py-12"> <header className="mb-8"> <h1 className="text-4xl font-bold tracking-tight text-slate-900"> Automated Crypto Margin Risk Tool </h1> </header> <article className="prose lg:prose-xl"> <h2>Real-Time Liquidation Protection & Analytics</h2> <h3>Multi-Pair Portfolio Safety Metrics</h3> <p>Monitor margin ratios and position health programmatically.</p> </article> </main> </> ); } ``` ### 4. IDE Rule File (`.cursor/rules/seo-standards.mdc`) ```yaml --- description: Enforces semantic HTML hierarchy and schema validation for SEO page routes globs: ["app/**/page.tsx"] alwaysApply: true --- # SEO Code Rules - Always export a valid `metadata` object in App Router routes. - Enforce standard heading levels (`h1` -> `h2` -> `h3`). - Inject validated JSON-LD scripts on all public landing pages. ```
🟧 Claude Skill

SEOtocode Pipeline For Nextjs React

Add to Cart
Instant accessInstant access
Usage rightsCommercial use
Money-back guaranteeMoney‑back
By purchasing this skill, you agree to our terms of service
CLAUDE-5-SONNET
Tested icon
Guide icon
Free credits icon
Transform target keywords or page URLs into high-performing, search-optimized Next.js React code. This system prompt generates semantic HTML5 markup, JSON-LD Schema.org data, OpenGraph tags, dynamic generateMetadata exports, and .cursor/rules configurations ready for Cursor or Claude.
...more
Added 4 days ago
Report
Browse Marketplace