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.
```
By purchasing this skill, you agree to our terms of service
CLAUDE-5-SONNET
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
