Pages built by this skill from examples/relay and examples/fernway, and passed its checks at phone, tablet and desktop widths. Scroll the frames to see the whole page on desktop and mobile.
About this skill
A SaaS landing page with a bento-grid feature section, dark or light. Your agent writes it from your product’s real features, numbers and screenshots; the build lays out the grid, draws the charts and checks every screen width for cut-off text and contrast before handoff.
What Lookbook adds on top of lucide-icons/lucide: Lookbook wrote this package: the page design, tile types, colour rules, builder and checks. Icons are from Lucide. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Build a Bento SaaS landing page for our app from the README and docs, as a Next.js component, one tile per real feature.
Similar Skills
View all
What you get
- One responsive HTML file, or a Next.js component, page and CSS module
- 10 tile types: charts, metrics, alerts, integrations, code, screenshots, quotes and more
- A grid planner that refuses gaps and draws the layout
- Checks at four widths for cut-off text, overflow, contrast and accessibility
- Open-source licenses for every part it builds on
Good fit
- Product launch
Not for
- Multi-page sites, blogs or docs
- Apps with logins and data behind them
- Pixel-matching an existing design file
Compatibility
Runs in
Generates with
Last tested Oct 20, 2026 in Claude Code, Codex, Cursor. Commercial use of everything you make is included.
Reviews
No reviews yet. People who install this skill can leave the first one.
FAQ
Which agents can run Bento SaaS Landing?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Do I own what I make with it?
Yes. Everything your agent makes with this skill is yours, including for client and commercial work.
What if it doesn’t work for me?
Tell us within 7 days of buying and we’ll fix it or refund you.