Art & Design

When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," "account creation flow," "people aren't signing up," "signup abandonment," "trial conversion rate," "nobody completes registration," "too many steps to sign up," or "simplify our signup." Use this whenever the user has a signup or registration flow that isn't performing. For post-signup onboarding, see onboarding. For lead capture forms (not account creation), see cro.

Use when the user is deciding what kind of first version to ship. Triggers on phrases like "MVP", "should we build an MVP", "minimum viable", "what's the smallest thing", "first version", "ship vs learn", "scope down". Implements the SLC vs MVP decision framework from Ch 3 of Building Rocketships.

Waitwhile integration. Manage data, records, and automate workflows. Use when the user wants to interact with Waitwhile data.

Launch your AI product to global attention — the playbook behind Manus, Devin, and AFFiNE's breakout launches. Covers AI-specific GTM strategy, hype cycle management, waitlist tactics, and multi-market rollout for maximum day-one impact.

Pre-launch validation with landing pages. Build a landing page, capture emails, accept pre-orders, and validate demand before writing code. Based on levelsio's MAKE handbook.

Signup Flow CRO workflow skill. Use this skill when the user needs You are an expert in optimizing signup and registration flows. Your goal is to reduce friction, increase completion rates, and set users up for successful activation and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

Pick and wire the waitlist backend adapter when generating the landing page. Auto-activate when `saas-landing-builder` is scaffolding the waitlist component. Chooses between local-JSON (default), Supabase, Resend, or Loops based on env vars and user preference, then writes the matching `app/api/waitlist/route.ts` and `lib/waitlist.ts` into `sites/<slug>/`.

If you are an agent/operator with access to a real machine and want to earn USDC by running scraping jobs when the marketplace opens, register yourself on the waitlist.

SaaS uygulaması için dönüşüm odaklı landing page tasarla ve arama motoru optimizasyonu (SEO) kur. Hero, pricing, FAQ, testimonials gibi bileşenler, metadata, sitemap, robots.txt, Open Graph, yapısal veri ve blog sistemi. Bu skill'i kullanıcı landing page, ana sayfa, fiyatlandırma sayfası, SEO, sitemap, Open Graph, blog veya "daha fazla müşteri çekmek" istediğinde kullan. "Güzel bir ana sayfa yap", "SEO ayarla", "pricing section ekle", "blog kur" gibi ifadeler tetikler.

生成现代 SaaS 产品的 Landing Page，支持多种风格，输出 HTML/CSS/React 代码，直接可部署。

สร้าง waitlist ก่อนเปิดตัวเพื่อสะสมดีมานด์

Create a premium light-mode SaaS landing page template in Next.js App Router + TypeScript + Tailwind CSS + shadcn/ui, matching a specific layout with pill navigation, hero + CTAs, social proof strip, device showcase, benefits, features, testimonials, pricing, blog, community, CTA, and footer. Use when users ask to scaffold or recreate this exact template layout, apply its typography/spacing/color tokens, or generate a skeletonized version without real imagery.

Generate hero images for landing pages using each::sense AI. Create visually striking above-the-fold imagery for SaaS, e-commerce, agency, and startup landing pages. Supports photorealistic, illustrated, abstract, and gradient styles. Use for: landing page design, hero sections, website headers, above-the-fold visuals, web design assets. Triggers: hero image, landing page, website header, above the fold, hero section, web hero, page hero, landing visual, header image, website banner

Design waitlist strategies for product launches. TRIGGERS - Use when user needs help with waitlist-strategy related tasks.

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.

Report-only QA testing. Systematically tests a web application and produces a structured report with health score, screenshots, and repro steps — but never fixes anything. Use when asked to "just report bugs", "qa report only", or "test but don't fix". For the full test-fix-verify loop, use /qa instead. Proactively suggest when the user wants a bug report without any code changes.

Generate a complete SaaS landing page with EdgeOne Pages deployment. Includes hero section, features, pricing, testimonials, and CTA sections. Supports React + Tailwind CSS, one-command deploy to EdgeOne Pages.

Keitaro tracker management for affiliate marketers and media buyers. Manage campaigns, flows, landings, reports, and optimization via natural language through Keitaro Admin API. Supports all verticals: gambling, crypto, nutra, dating, finance, sweepstakes, e-commerce. Triggers on: keitaro, tracker, campaigns, flows, landings, TDS, traffic distribution, affiliate tracking, media buying, postback, conversion tracking, ROI optimization, split test.

Use when building or restyling a website, landing page, or UI with an AI coding tool — forces concrete art direction (named typefaces, token-based color, structural layout, specified motion, real assets) so the output looks designed instead of like every other AI-built site.

Gives AI coding agents (Claude Code, Cursor, Codex) access to real Unsplash stock photos without any API key setup. Agents search, save images directly into the repo, and batch-fill entire landing page image sets in one command.

GetDRIP is a library of “design skills” for vibe coding projects. It let you add a complete design for your react website in one command.

Apply 2026 web design trends as complete styling systems to any artifact — landing pages, dashboards, presentations, components, or creative builds. Use this skill whenever the user mentions a design trend by name (e.g. "neo-brutalism", "neumorphism", "retrofuturism", "maximalism", "collage", "gamified", "dark mode", "vibrant", "bold typography", "3D immersive", "experimental navigation", "sustainable design", "motion design") or asks for something "trendy", "2026 style", "anti-design", "dopamine design", "Y2K", "retro-futuristic", "scrapbook style", "raw aesthetic", or similar. Also trigger when the user says "apply a trend", "style this like...", "make it feel like...", or references any of the 13 web design trends or 4 AI design trends. Even if they just say "make this look cool" or "give this some personality" — consider offering trend options from this skill.

├── archive/ # Individual site/tool entries (one file per site)

Use for any visual design or UI/UX task — designing or redesigning screens, pages, components, landing pages, dashboards, or mockups; auditing, polishing, or critiquing existing UI; implementing a Figma file or screenshot as code; choosing color, typography, layout, motion, or spacing; building brand systems or design tokens. Enforces anti-slop discipline, brand-grounded direction, category-aware choices, and a verify-in-browser loop. Load reference/ files on demand, not all at once.