Basalt Dev Portfolio
+6Aurawave Audio Landingv1.0.0
Use this Skill to build website page.
5.010 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a polished consumer hardware marketing site that puts product imagery, focused messaging, and calm motion at the center of the story. It is ideal for teams launching audio devices or other physical products that need a premium, focused presentation without invented proof.
Picked most often by
Updated Aug 31, 2026
Similar Skills
View all skills+6
What you get
- A complete, runnable Next.js 15 hardware marketing site: homepage with scroll-reactive product hero, product and specifications pages, pricing, about, contact, blog, and MDX legal pages
- The locked "aurawave" visual system — light-first and near-monochrome, oversized tight headlines, product photography at full bleed, a single teal accent, and full light/dark theming
- Generated studio product cutouts with real transparency, lifestyle photography, testimonial avatars, and an OG banner filling every image slot, plus fictional reviews you can safely ship or replace
- A guided rebranding workflow with an image-slot dimension table, a JSON-driven specification table, and six rewritable MDX blog posts
- A validator script that blocks emoji icons, broken image references, and leftover placeholder branding
Good fit
- You are launching a physical product — speakers, headphones, or any premium consumer hardware — and want a credible photography-led site without design work
- You work in React/Tailwind and want a template your agent can rebrand, extend, and keep consistent across a product, specs, pricing, and blog surface
- You need the full surface — spec tables, pricing per finish, reviews, blog — not just a single hero section
Not for
- Projects that must not use Next.js or React — the bundled template is Next.js-first (the style ports to other stacks, but the runnable code is React)
- Storefronts that need a real cart, checkout, inventory, or a commerce backend — the pricing page links out, it does not transact
- Anyone expecting real product photos, press quotes, or reviewer names — all brands, people, specs, and testimonials are fictional by design
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageScaffold Web TemplateStyle-lockedEditable OutputConversion-focusedLight FirstNear MonochromeOversized Tight HeadlinesProduct Photography LedScroll Driven MotionTeal Accent Glow
About this Skill
Tell the skill about your hardware product and get back a complete marketing site built on Next.js 15: a scroll-reactive product hero on a clean white stage, an inline-image value statement, alternating photo/feature rows, trust-stat cards, a full-bleed lifestyle carousel with a thumbnail rail, an FAQ accordion, and a blog grid — plus product, specifications, pricing, about, and contact pages that already match.
What you get
- A runnable Next.js 15 project: App Router, React 19, Tailwind CSS v4, TypeScript, motion, and MDX blog and legal pages
- The locked "aurawave" look — light-first and near-monochrome, oversized tight headlines, photography at full bleed, one teal accent
- Generated studio cutouts with real transparency, lifestyle photos, avatars, and an OG banner in every image slot
- A JSON-driven specification table, pricing per finish, and six rewritable blog posts
- Full light/dark theming with a navbar toggle, and a validator that blocks emoji icons, broken image paths, and leftover branding
How to use it
- Give the skill your product name and one-line promise; it copies the template and rebrands metadata, copy, specs, logos, and imagery slots for your product.
- Review the site locally with
npm run devand ask for changes in plain words — "add a fourth finish", "swap the carousel photos". - Deploy anywhere Next.js runs, or ask for the same sections ported into an existing React, Vue, Svelte, or Astro project.
Every brand, reviewer, specification, and price in the template is fictional, and the typeface is openly licensed, 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 promise; optionally a logo, product photos or finishes, price points, and the spec table you want on the specifications page
- Dependencies
- Node.js 18+ and npm — required to run the template
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…