EN: A gallery of AI-ready design templates. Pick a design, give one link to any AI — Claude, GPT, Gemini — and it builds your website in that exact style.
UZ: AI uchun tayyor dizayn shablonlari galereyasi. Dizayn tanlang, istalgan AI'ga — Claude, GPT, Gemini — bitta link bering, saytingizni aynan shu uslubda quradi.
🔭 OPEN THE LIVE GALLERY · JONLI GALEREYANI OCHISH
Most AI-generated websites look the same: purple gradients, centered heroes, three identical cards. NEBULA fixes that. Every design here is a complete, opinionated design specification (DESIGN.md) an AI can follow precisely — exact palette, typography, layout law, motion, and a list of banned clichés.
You don't describe the design to the AI.
You give the AI the link. The link IS the design.
- Browse the live gallery and pick a design.
- Copy the design's spec link (the ✦ COPY LINK button under each card).
- Paste into Claude / ChatGPT / Gemini / Cursor:
Build my website (a coffee shop landing page) following this design spec exactly:
https://raw.githubusercontent.com/Maxluq98/nebula/main/designs/dark-tech/DESIGN.md
The AI reads the spec and ships your site in that style — adapted to your content, loyal to the design.
| Design | Vibe | Live demo | Spec for AI |
|---|---|---|---|
| Dark Tech | Terminal-noir. Mono type, electric cyan, engineered grids. For dev tools, startups, security. | Demo | DESIGN.md |
| Minimal Editorial | Quiet magazine. Ink on paper, one deep-red accent, asymmetric columns. For portfolios, studios, writers. | Demo | DESIGN.md |
| Cold Luxury | Silver, chrome, smoke. Vast whitespace, thin type. For premium products, watches, architecture. | Demo | DESIGN.md |
| Brutalist | Raw Swiss-industrial. Hard borders, giant type, signal yellow. For agencies, portfolios with attitude. | Demo | DESIGN.md |
- WCAG 2.2 — every palette pair passes AA contrast (4.5:1 body, 3:1 large text)
- Core Web Vitals — demos ship with zero heavy dependencies
- Nielsen Norman heuristics — hierarchy, consistency, feedback states
- A strict anti-cliché ruleset distilled from auditing hundreds of AI-generated pages
skills/nebula-engine is an installable Agent Skill (Claude Code, Cursor, Codex) that teaches the AI how to apply any NEBULA design correctly — verification loops, accessibility checks, anti-slop discipline.
npx skills add https://github.com/Maxluq98/nebulaAI yasagan saytlarning ko'pi bir xil ko'rinadi: binafsha gradiyentlar, markazlashgan sarlavhalar, uchta bir xil kartochka. NEBULA buni tuzatadi. Bu yerdagi har bir dizayn — AI aniq bajara oladigan to'liq dizayn spetsifikatsiyasi (DESIGN.md): aniq ranglar palitrasi, shriftlar, layout qonunlari, animatsiya va taqiqlangan shablonlar ro'yxati.
Siz AI'ga dizaynni tushuntirmaysiz.
AI'ga linkni berasiz. Link — dizaynning o'zi.
- Jonli galereyani oching va dizayn tanlang.
- Dizaynning spec linkini nusxalang (har karta ostidagi ✦ LINKNI NUSXALASH tugmasi).
- Claude / ChatGPT / Gemini / Cursor'ga tashlang:
Menga sayt qurib ber (qahvaxona uchun landing) — aynan mana shu dizayn qoidalari bo'yicha:
https://raw.githubusercontent.com/Maxluq98/nebula/main/designs/dark-tech/DESIGN.md
AI spec'ni o'qiydi va saytingizni shu uslubda quradi — kontent sizniki, uslub aslicha qoladi.
| Dizayn | Uslub | Jonli demo | AI uchun spec |
|---|---|---|---|
| Dark Tech | Terminal-noir. Mono shrift, elektrik moviy, muhandislik gridlari. Dev-tool, startap, xavfsizlik uchun. | Demo | DESIGN.md |
| Minimal Editorial | Sokin jurnal. Qog'ozdagi siyoh, bitta to'q-qizil aksent, asimmetrik ustunlar. Portfolio, studiya, yozuvchilar uchun. | Demo | DESIGN.md |
| Cold Luxury | Kumush, xrom, tutun. Keng bo'shliq, ingichka shrift. Premium texnika, soatlar, arxitektura uchun. | Demo | DESIGN.md |
| Brutalist | Xom shveytsar-industrial. Qattiq ramkalar, ulkan shrift, signal-sariq. Jasur agentlik va portfoliolar uchun. | Demo | DESIGN.md |
- WCAG 2.2 — har bir rang juftligi AA kontrast talabidan o'tgan (matn 4.5:1, katta matn 3:1)
- Core Web Vitals — demolar og'ir kutubxonalarsiz, tez ochiladi
- Nielsen Norman evristikalari — ierarxiya, izchillik, holat-javoblari
- Yuzlab AI-saytlarni tahlil qilishdan chiqqan qat'iy anti-shablon qoidalari
skills/nebula-engine — o'rnatiladigan Agent Skill (Claude Code, Cursor, Codex): AI'ga istalgan NEBULA dizaynini to'g'ri qo'llashni o'rgatadi — tekshiruv halqalari, accessibility nazorati, anti-slop intizomi.
npx skills add https://github.com/Maxluq98/nebulaEN: Want a new design? Open an Issue. Spotted something off? PRs welcome. UZ: Yangi dizayn kerakmi? Issue oching. Xato topdingizmi? PR yuboring.
MIT © Maxluq98. Parts of the anti-slop ruleset are inspired by the MIT-licensed taste-skill project — credit where due.