
Contexa CMS Landingv1.0.0
Use this Skill to build website page.
Create a polished developer-tool marketing site that pairs a clear product narrative with technical visual cues, product views, and documentation-friendly sections. It helps platform teams explain an API, content system, or infrastructure product to developers without burying the value in jargon.
Picked most often by
Updated Aug 31, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- A complete, runnable Next.js 15 developer-tool marketing site: homepage with GraphQL-decorated hero and CMS dashboard shot, product page, about, roadmap, FAQ, blog, docs, contact, and auth pages
- The locked "contexa" visual system — bordered-grid sections, green accents, huge tracking-tight type, shiki code tabs, and full light/dark theming on Tailwind CSS v4
- Generated CMS-dashboard mockups, flat UI cards, and blog-cover artwork in every image slot, plus fictional customer wordmarks, people, and testimonials you can safely ship or replace
- An MDX content layer that is ready to write in: 15 example blog posts and a full Fumadocs documentation site wired to search
- A guided rebranding workflow and a validator script that blocks emoji icons, broken image references, and leftover placeholder branding
Good fit
- You are launching a developer tool, API, SaaS, or CMS-adjacent product and want a credible marketing site on Next.js without design work
- You work in React/Tailwind and want a template your agent can rebrand, extend, and keep consistent across pages
- You need the full surface — product page, roadmap, FAQ, blog, documentation, auth screens — not just a single hero section
Not for
- Projects that require a ready-made non-React bundle and do not want the visual system ported — the bundled runnable template is Next.js-first
- Teams that need a database-backed CMS or localized multi-language site out of the box — content lives in MDX files
- Anyone expecting real customer logos or stock photography — all brands, people, and testimonials are fictional by design
About this Skill

Tell the skill about your developer tool and get back a complete marketing site built on Next.js 15: a bordered-grid layout with a giant two-beat headline, a faint GraphQL query floating beside the hero, a full CMS dashboard shot, a feature grid with flat UI-mockup cards, framework quickstart code tabs, a customer-logo marquee with a full-width quote — plus product, about, roadmap, FAQ, blog, docs, contact, and auth pages that already match.

What you get
- A runnable Next.js 15 project: App Router, React 19, Tailwind CSS v4, TypeScript, MDX blog, and Fumadocs documentation
- The locked "contexa" look — thin bordered grids, green accents, huge tracking-tight type, and monospace code decoration
- Generated CMS-dashboard mockups, flat UI cards, blog covers, and fictional customer wordmarks in every image slot
- Shiki-highlighted quickstart tabs for Next.js, Nuxt, SvelteKit, Astro, and more
- Full light/dark theming plus a validator that blocks emoji icons, broken image paths, and leftover placeholder branding

How to use it
- Give the skill your product name and one-line promise; it copies the template and rebrands metadata, copy, logos, and imagery slots for your product.
- Review the site locally with
npm run devand ask for changes in plain words — "swap the quickstart tabs", "make the Cloud plan $49". - Deploy anywhere Next.js runs, or ask for the same sections ported into an existing React, Vue, Svelte, or Astro project.

Every brand, customer, quote, and number in the template is fictional, so you can demo the site anywhere while your real content is still in review.
What you need before you start
- You bring
- Product name and one-line value proposition; optionally a logo, brand color, plan names/prices, and the CTA ask (signup, trial, or GitHub)
- Dependencies
- Node.js 18+ and npm — required to run the Next.js template
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









