Design Lounge
Install

Give your AI agent design taste.

A free UI design skill and a library of 520 live design ideas. Your agent picks real type, colour and motion, then builds.

npx skills add SusanAcharya/Design-Lounge Browse the library

A library your agent can actually use.

Every piece runs live, comes with a written brief, and is free to use in your products.

79

Sections

Heroes, pricing, footers, menus. The blocks a website is built from.
125

Screens

Whole pages and app screens, end to end.
59

Animations
199

Components

  • Navigation
  • Buttons & toggles
  • Inputs & forms
  • Cards
  • Overlays
  • Charts
  • Pickers
  • Feedback & status
14

Design languages

Whole visual dialects shown as a kit.

  • Editorial
  • Swiss
  • Brutalist
  • Glass
  • Material
  • Minimal
  • Playful
  • Retro
  • Terminal
  • Paper
18Layouts 26Patterns

The system underneath

The skill

Say what you're making. It picks the rest.

Your agent reads the skill, chooses one recipe, one palette and one type pairing from the library, then checks its own work for anything generic.

  1. InstallOne command in Cursor, Claude Code or Codex.
  2. Ask"Build me a SaaS landing page." Plain words are enough.
  3. ShipReal code with a palette, a pairing and pieces that fit.
~/my-saas · agent
Agent session transcript: $ npx skills add SusanAcharya/Design-Lounge. installed design-lounge · 520 pieces · 44 pairings · 60 themes. > build me a SaaS company page. reading skills/design-lounge/SKILL.md. Recipe: saas. Direction: lime-engine. Theme: circuit. Type: signal-mono. Effect: spotlight-hover-grid. Hero: hero-ai-prompt-cycle. wrote app/page.tsx · checked for anything generic

The result: AI prompt cycle hero Open piece

Examples

Built from one prompt.

All 12 sites
  1. Meridian No. 7, built by an agent with the skill Meridian No. 7A page for one mechanical watch, Meridian No. 7. Make it look expensive and let me turn it.
  2. Late Light, built by an agent with the skill Late LightA site for a planetarium's late-night show. You scroll and you travel through space. Make it unforgettable.
  3. Aadhi Raat, built by an agent with the skill Aadhi RaatMake a website for a record label that only releases music recorded after midnight in Kathmandu. Go wild, I want it to feel like an Awwwards site of the day.

More than a gallery.

Every piece is something you can take. Around them sit the tools that tie a product together.

How it works

In every piece

  • Live demoEvery control works, inside a real browser, phone or tablet frame.
  • BriefA written spec your agent builds from. One click to copy.
  • SourceThe HTML, credited and free to use in your own products.

Around the pieces

Tap through a few right here.

Real app screens at 390 × 844. Lift a card, run the timer, answer the quiz. Each ships with the brief your agent builds from.

Piece Nº 470

Wallet card stack

Four passes stacked with a 56px peek. Tap one to lift it out with balance, transactions or a code, then hold near the reader for a pulse and a tick.

OpenAll phone screens

Questions

The short version of how the skill and the library work.

What is Design Lounge?

Design Lounge is a free UI design skill for AI coding agents, plus a library of 520 design ideas: website sections, app screens, components and motion. Each one has a live demo and a written brief that an agent can build from.

How do I add the UI design skill to my agent?

Run npx skills add SusanAcharya/Design-Lounge in your project. It works with Cursor, Claude Code, Codex and other agents that read skills. Then ask for what you are making, such as a portfolio, a shop or a dashboard.

What does the skill do differently?

It stops the agent from inventing a look. The agent picks a real theme, a font pairing, a radius and motion from the library, builds the screens from piece briefs, then opens the page and checks it for the usual signs of AI-made design.

Is it free to use in my products?

Yes. The pieces, themes, type pairings and icons are free to use in your own products and client work. A small credit line is appreciated. Please do not republish the library itself as a library.

Where do the design ideas come from?

Every piece is an original design with an invented brand. Some study the craft of public sites, such as Stripe or Linear, and those are listed on the Sources page. No piece copies another site's text, images or logo.

Who made Design Lounge?

Susan Acharya, a product lead, designer and builder based in Kathmandu, Nepal.

Made by

Susan Acharya

Product lead, designer and builder in Kathmandu, Nepal. She builds products end to end and made Design Lounge so AI agents stop shipping the same generic page. Every piece, theme and brief here is hers.

About the Lounge Portfolio ↗Dribbble ↗GitHub ↗LinkedIn ↗X ↗

Install once. Ask for anything.

npx skills add SusanAcharya/Design-Lounge Browse the library