| name | open-design-landing |
| description | Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file; a separate path can mirror the Astro marketing site in `apps/landing-page/`. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.
|
| triggers | ["landing page","落地页","editorial site","magazine layout","hero collage","atelier zero","open design landing"] |
| od | {"category":"brand-page","surface":"web","scenario":"marketing","featured":1,"audience":"founders, design studios, OSS maintainers","tone":"editorial, restrained, premium","scale":"viewport-anchored long-form single page","craft":{"requires":["pixel-discipline","typographic-rhythm"]}} |
| inputs | [{"id":"brand","label":"Brand identity","description":"Name, mark, tagline, location, languages, license, repo url.","schema_path":"./schema.ts#BrandBlock"},{"id":"nav","label":"Navigation links","description":"Up to 5 nav entries, each with optional count badge.","schema_path":"./schema.ts#NavLink"},{"id":"hero","label":"Hero copy + 3 stat rings + 4-step index","schema_path":"./schema.ts#HeroBlock"},{"id":"about","label":"Manifesto / about block","schema_path":"./schema.ts#AboutBlock"},{"id":"capabilities","label":"4 capability cards","schema_path":"./schema.ts#CapabilitiesBlock"},{"id":"labs","label":"5 lab cards + filter pills","schema_path":"./schema.ts#LabsBlock"},{"id":"method","label":"4 method steps with thumbnails","schema_path":"./schema.ts#MethodBlock"},{"id":"work","label":"2 selected-work cards on dark slab","schema_path":"./schema.ts#WorkBlock"},{"id":"testimonial","label":"Pull quote + author + 5 partner glyphs","schema_path":"./schema.ts#TestimonialBlock"},{"id":"cta","label":"Closing CTA + ribbon","schema_path":"./schema.ts#CTABlock"},{"id":"footer","label":"Brand description + 4 link columns + mega kicker","schema_path":"./schema.ts#FooterBlock"},{"id":"imagery","label":"Image strategy (generate / placeholder / bring-your-own)","schema_path":"./schema.ts#ImageryConfig"}] |
| parameters | {"output_format":{"type":"enum","values":["standalone-html","nextjs-app","both"],"default":"standalone-html","description":"`standalone-html` writes one self-contained .html (CSS inlined, scripts inline, images relative). `nextjs-app` is the historical enum label for cloning the Astro-based `apps/landing-page/` tree and wiring the same content. `both` writes both products into the output dir.\n"},"image_strategy":{"type":"enum","values":["generate","placeholder","bring-your-own"],"default":"placeholder","description":"`generate` calls gpt-image-2 (fal.ai or Azure) for all 16 slots. `placeholder` writes paper-textured SVG frames so the layout is fully visible without an image budget. `bring-your-own` assumes the user has dropped 16 PNGs at `imagery.assets_path` already.\n"},"image_provider":{"type":"enum","values":["fal","azure"],"default":"fal","description":"Provider for `image_strategy: generate`. fal.ai is faster."}} |
| outputs | [{"path":"<out>/index.html","when":"output_format in [standalone-html, both]","description":"Self-contained HTML with Atelier Zero CSS inlined."},{"path":"<out>/assets/*.png (or *.svg)","description":"16 collage assets, generated or placeholder per strategy."},{"path":"<out>/nextjs/","when":"output_format in [nextjs-app, both]","description":"Astro static tree mirroring apps/landing-page (folder name is historical)."}] |
| capabilities_required | ["file-write","http-fetch","node-runtime"] |
| example_prompt | Build me an editorial landing page for "Lumen Field", an indie studio
shipping a soundscape app for focus. Coral accent, Berlin coordinates,
mention the iOS Beta TestFlight, three stats: 12 soundscapes / 4
presets / 1 daily ritual. Use the placeholder image strategy.
|
