Basalt Dev Portfolio
+6Aurawave Audio Landingv1.0.5
Use this Skill to build website page.
Rising
5.014 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a premium launch site for a speaker, headphones or any physical product, where large product photography carries the page. The look is light and near-monochrome, with big tight headlines, generous whitespace and one teal glow where the product lights up. By default you get one self-contained page that opens offline in any browser, with a working pre-order drawer and article, policy and contact sheets. A multi-page version with specifications and pricing pages is available on request.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- One self-contained page that works offline: product hero, inline-image value statement, alternating feature rows, trust cards, room carousel, FAQ, journal and a dark wordmark footer.
- A working pre-order drawer (finish, single or stereo pair, email check, confirmation) plus article, policy and contact sheets that open in place, in light and dark themes.
- On request, a multi-page version with product, specifications, pricing, about, contact and blog pages, plus a plan for regenerating every photo around your product.
Good fit
- You are launching a speaker, headphones, a lamp or another physical product and want photography-led pages that feel calm and premium.
- You want one offline file you can preview, share or host anywhere, with buttons, carousel, FAQ and the pre-order step already working.
- You prefer honest trust copy (warranty, testing, repairability) over invented ratings, sales counts or press logos.
Not for
- Stores that need a real cart, payments or inventory: the pre-order step confirms in the page and sends nothing until you connect your own checkout.
- Software or services with no physical product; the layout is built around one product cutout and photos of it in use.
- Bold, colourful brands: the system stays near-monochrome, with teal used only as light.
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
Describe your product and its one-line promise, and the Skill turns it into a calm, photography-led launch page: a product cutout on a clean white stage, big tight headlines and a single teal glow where the product lights up. The default result is one self-contained page that opens offline in any browser.
What you get
- A product hero, an inline-image value statement, alternating photo and feature rows, trust cards, a room carousel with a thumbnail rail, an FAQ accordion, journal cards and a dark footer with a giant wordmark
- A pre-order drawer for finish and single or stereo pair, with email checks and a confirmation, plus article, policy and contact sheets that open in place
- Light and dark themes, a scroll-aware header and a compact menu on phones
- On request, a multi-page version with product, specifications, pricing, about, contact and blog pages
How to use it
- Give the product name, a short promise and the facts you can stand behind: price, finishes, warranty and specs.
- Your agent rebrands every section, regenerates each photo from one description of your product and runs the built-in checks.
- Open the page, try the buy buttons, carousel and FAQ, then ask for changes in plain words.
New product photos come from your agent's image tool, which may charge for usage. Anything the brief does not cover is drafted as placeholder copy and listed for you to confirm.
What you need before you start
- You bring
- Product name, a three-or-four-word headline idea and one line of copy · Price, finishes, warranty and key specs you can stand behind · Optional: your logo, real product photos and a checkout or waitlist link
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new product photos · npm, only if you ask for the multi-page Next.js version
- Outside costs
- Regenerating the product photos uses your agent's image tool, which may incur that tool's usage charges. Opening and editing the page costs nothing extra.
- Last tested
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…