Lumen Agency Landing
+6Loopwise SaaS Landingv1.0.6
Use this Skill to build website page.
Rising
5.014 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?A calm, light marketing site for a collaboration or project-management product, with the product itself as the hero. A centred two-line headline sits above a live project board you can switch to timeline and list, followed by working workflow panels, a capability bento, reporting, a customer story, security, pricing, FAQ and articles. Pricing comparison, blog, changelog, about, contact, sign-in, sign-up and legal pages are included, with a full dark theme.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A full SaaS site: home plus pricing comparison, a blog with seven full articles, changelog, about and careers, contact, sign-in, sign-up, password reset, legal and 404
- Product UI drawn in code that responds: board, timeline and list views, filter chips, a dependency demo, a digest range switch and risk rebalance with undo
- The loopwise look: white ground with soft sky, mint and peach washes, fine grain, slate type and one blue accent, in one offline file
Good fit
- Teams launching a project-management, collaboration or productivity product who need a credible site quickly
- Help-desk, CRM and developer-tool makers who can rename the board, digest and risk rows around their own objects
- Marketers who want blog, changelog and comparison pages that already match the home page
Not for
- A content-managed or multi-language site; articles and changelog entries live as static content in the page
- Brands that want a dark or loud look by default; loopwise is light first, with dark as an option
- Real sign-ups: auth and contact forms validate and confirm on the page, and need your own backend
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageScaffold Web TemplateStyle-lockedEditable OutputConversion-focusedDashboard HeroLight FirstRounded CardsMarquee MotionNoise Grain TexturePastel Gradient Wash
About this Skill
Describe your product and get a calm, light marketing site where the product is the hero: a centred two-line headline over a live project board in a glass frame. Every path a visitor needs, from comparing plans to reading an article or signing up, works, and the whole site arrives as one file that opens offline in any browser.
What you get
- A hero board you can switch to timeline and list, a customer wordmark marquee and a workflow carousel with icon tabs and working panels
- A six-cell capability bento, reporting rows with a digest chart and risk rebalance, a customer story and a testimonial mosaic
- Security and integrations, pricing with a monthly or yearly switch, FAQ and a row of articles
- Pricing comparison, blog and articles, changelog, about and careers, contact, sign-in, sign-up, password reset, legal and 404 pages
- A working dark theme, with fonts and photos embedded so the page makes no network requests
How to use it
- Give the Skill your product name, promise, the objects it manages, key capabilities, pricing tiers and main call to action.
- It rebuilds the board, panels and digest around your objects, drafts any gaps and lists them for you to confirm.
- Open the file in light and dark, click through every tab, form and page, and ask for changes in plain words.
New photos come from your agent's image tool, which may have its own usage charges.
What you need before you start
- You bring
- Product name, a one-line promise and the objects it manages (tasks, projects, docs, requests) · Four to six key capabilities, integrations and security facts you can confirm · Pricing tiers and limits, the main call to action and company facts for About
- 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 the customer story, team and portrait photos; optional if you supply your own
- Outside costs
- Photos you do not supply are generated with your agent's own image tool, which may incur that tool's usage charges. Product UI is built in code, and the finished page makes no network requests. Viewing the example costs nothing.
- Last tested
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…