Contexa CMS Landing
+6Confetti Marketing Landingv1.0.4
Use this Skill to build landing page.
Rising
5.014 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Build a playful marketing site for a SaaS product: a porcelain page framed by dotted-grid panels, one emerald accent and tilted sticker cards around a calm centered hero. It continues with a clickable product window, animated bento, filterable template library, dotted world map, pricing with a billing toggle, photo testimonials, a blog with article pages and an FAQ, plus changelog, sign-up, sign-in, contact and legal pages. You get one self-contained file with fonts and photos embedded.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A finished example site for Beanhop, a team-culture app: the landing page plus article pages, changelog, sign-up, sign-in, contact, privacy, terms and a designed 404.
- A clickable product window, ritual library with search and filters, billing toggle with team-size estimate, validated forms and a confetti burst, all renamed to your product.
- Your site as one offline file with Bricolage Grotesque, Figtree and Gochi Hand embedded, plus the style rules, image plan and checklist your agent builds from.
Good fit
- Founders and indie makers who want a launch or waitlist page with warmth and personality instead of corporate gloss.
- Team, community or habit apps whose story is about people, celebration and momentum.
- Small teams that need the inner pages too: changelog, sign-up, blog articles and legal.
Not for
- Dark, glassy or ultra-minimal brands; confetti is deliberately bright and playful, with no dark theme.
- Sites that need a CMS: blog articles and changelog entries live in the page's own data, not an editor.
- Real sign-ups or payments: forms validate and confirm on the page but send nothing until you connect a backend.
Product Launch & App GrowthDigital Publications & Web PagesBuild Landing PageStyle-lockedEditable OutputDotted GridEmerald AccentPastel PlayfulSoft ShadowsSticker Cards
About this Skill
Describe your product and get back a playful marketing site: a porcelain page held together by dotted-grid panels, one emerald accent and tilted sticker cards that make it feel hand-arranged. The example is Beanhop, a fictional app that gathers kudos, birthdays and rituals into one feed for remote teams.
What you get
- A landing page with a calm hero, feature trio, product window, animated bento, ritual library, world map, pricing, testimonials, blog, FAQ and email sign-up
- Inner pages that work: blog articles, a changelog with filters and search, sign-up, sign-in, contact, privacy, terms and a designed 404
- A product window and charts drawn in code and renamed to your product's own people and objects
- Three embedded fonts and a small set of photos, so the file opens offline in any browser
How to use it
- Share your product name, what it does, your plans and any testimonials or article ideas; rough notes are enough.
- Your agent fills every section and page, adds photos where a real company site would use them, and reviews the result on desktop and phone.
- Open the single file, click through the pages and ask for changes in plain words.
Photos made with your agent's image tool may incur that tool's usage charges; without one, the page keeps sized slots for your own photos.
What you need before you start
- You bring
- Product name, audience and a one-line value proposition · Key capabilities, plan tiers with prices, and a collection to browse (templates, recipes or integrations) · Optional: testimonials, a customer story, article ideas and your own photos
- 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 portraits and article covers (optional; without it you supply photos)
- Outside costs
- Testimonial portraits, the customer-story photo and article covers are generated with your agent's own image tool when available, which may incur that tool's usage charges. Without an image tool, your agent asks for your photos and leaves sized slots.
- Last tested
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…