Sketchnote Pricing
+6Silver Robot Product Sitev1.0.2
Use this Skill to build product site.
Rising
5.011 downloads1 likes0 saves
$4.99
What do I get when I buy this Skill?A premium hardware-brand site built around silver studio photography and a giant thin model name. The hero switches between models with frosted spec cards, a family lineup is drawn to true relative height and an asymmetric bento mixes photos, numbers and code. Models, technology, applications, journal, downloads, about, FAQ and demo booking pages are all connected, with a configurator that carries a running quote into the booking form.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A 23-route site: models with three product pages, technology, applications with four case pages, journal with three articles, downloads, about, demo booking, FAQ, newsletter, legal and 404
- Working controls: hero model switcher, product gallery, configurator with running total, comparison toggle, module filters with sort and search, downloads filter and FAQ search
- Inter Tight and IBM Plex Mono type, quiet white spec cards and silver studio photos, all in one file that opens offline
Good fit
- Robotics, drone, e-bike, audio and camera makers with a product family to present
- Hardware startups that need specs, comparisons, downloads and demo booking in one site
- Lab-instrument and equipment brands that want a calm, technical look instead of a loud launch page
Not for
- Real orders or payments: the configurator and demo form confirm on the page and say nothing was sent
- Software-only products with nothing physical to photograph
- Brands that want a dark or colourful look; the palette is silver, white and graphite
Brand IdentityDigital Publications & Web PagesBuild Product SiteStyle-lockedEditable OutputRobot BentoRobot FeatureRobot HeroRobot Spec
About this Skill
Turn your product line into a calm, technical brand site: a giant thin model name over silver studio photography, quiet white spec cards and a lineup drawn to true relative height. The example covers three robots across 23 connected routes, and the site arrives as one file that opens offline in any browser.
What you get
- A hero model switcher that swaps image, name, lead and specs, a family lineup to scale and an asymmetric hardware bento with a code cell
- Model pages with gallery and configurator, a side-by-side comparison with an only-differences toggle and a filterable modules catalog
- Technology tabs, application case pages, a journal, downloads with filters, an about page with timeline, FAQ with search and demo booking
- Validated forms that carry your configuration into the demo request and confirm on the page
- Inter Tight and IBM Plex Mono embedded with every image, so the page makes no network requests
How to use it
- Give the Skill your brand, products with codes, specs and prices, your audience and the pages you need. Add product photos if you have them.
- It fills every page, generates any missing images in one consistent studio style and lists drafted facts for you to confirm.
- Open the file, try the switcher, configurator and filters, and ask for changes in plain words.
Images you do not supply come from your agent's image tool, which may have its own usage charges.
What you need before you start
- You bring
- Brand name, audience and the pages you need · Two to four products with codes, key specs, prices and what each one is for · Optional: product photos, partners, quotes and company facts you can confirm
- 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 tool in your agent for product heroes, full-body shots, close-ups and scenes; optional if you supply your own photos
- Outside costs
- Images you do not supply are generated with your agent's own image tool, which may incur that tool's usage charges. The finished page makes no network requests. Viewing the example costs nothing.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…