Art & Design

Tool manual under launch-film (backgrounds, plates, Blender glass and 3D shots, shader layers). Build the world a launch film lives in, in your own brand, with generated background plates (cost-gated), Blender for real 3D glass objects and camera moves rendered as alpha layers, WebGL shader layers for atmosphere, and the layer order, depth of field and grade that keep UI legible over living backgrounds. Use when a storyboard needs backgrounds, 3D or atmosphere, for "background", "plate", "3D object", "glass", "Blender", "shader", "atmosphere"; motion of the UI itself is launch-motion.

Internal motionable pipeline (plan mode, approval, scenes, music, critique, render). Start with /motionable:scratch, :website or :project instead.

Build the brand kit a launch film uses from a website. Runs tools/brand-from-url.mjs on the reader's site to extract branding (colours, fonts, logo, name, tagline, copy, product images), then reviews the preview sheet with the reader and fixes any wrong role by hand. Use for "brand from website", "brand kit", "extract branding", "get our colours and fonts", "use our logo", or before the first launch film for a new brand.

Design and implement enterprise-grade UI animations using Framer Motion and GSAP — physics-based, purposeful, brand-quality motion that Fortune 500 design systems use

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

Add, change, review, or debug AegiNext UI localization using external JSON language packs, the shared Localization service, and live Avalonia Loc bindings. Use for translated controls, dynamic view-model text, menus, window titles, language preferences, and language-resource packaging; subtitle content, user preset names, and effect-script syntax remain business data.

Narration, sound effects and music beds in the voice the studio set up (ElevenLabs, Qwen3-TTS on this machine's GPU, or the owner's own voice from the recording booth): lines from the approved script, checked takes, one voice track and a word-timing map the animation follows. Use for any narrated animatic or final, a re-take, or sound design.

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

Scaffold a complete waitlist. Email capture, duplicate detection, confirmation email via Resend, Supabase storage, admin view of signups, optional referral tracking. Use when launching a product, building an audience, or gating early access.

Validate demand for a product idea before writing product code, using the cheapest credible test. Use when the agent is asked to validate an idea, set up a smoke test, build a pre-launch landing page, run a fake-door or waitlist test, gauge willingness to pay before building, or decide whether an idea should graduate to a real build or be parked. Produces a validation plan, a minimal instrumented landing surface, and an explicit graduate/park decision rule.

Executive automotive strategy deck in the visual language of BMW Group / bmw.com: precise, technical, confident, premium. Structured grids, restrained colour, a motorsport tricolour signature, charts/matrices/journey maps/timelines. Use for premium automotive product & transformation strategy.

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.

Minimalist product pre-release landing page, including email capture, logo, and decorative layers

Daily curiosity feed from AIgneous Million Whys — query "why" questions by topic or semantic search, delivered as quizzes, articles, or podcast scripts. Try instantly, no API key needed.

Deprecated alias for /research with the design-refs angle preset. Routes to /research focused on design patterns, visual archetype references, and award-winning site teardowns.

Use this skill whenever building a marketing site for a software product: a landing page, a pricing page, or a features page. Also use it when a user asks to "build a landing page for my app," "add a pricing page," or "make a SaaS website." SaaS marketing is the category most saturated with AI-slop templates already (the exact hero-features-pricing-FAQ sequence anti-ai-slop-design names as a tell), so this skill exists to make deliberate, specific decisions for an actual product instead of reproducing that template, and to get the pricing page specifically right, since it is where the most revenue-critical decisions on the whole site live.

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer. Reads DESIGN.md for colors, typography, and layout rules. Best for: product launches, beta signups, early access programs, indie projects.

AI-native education management for K-12 schools, colleges, and universities. 112 actions across 8 domains -- students, academics, enrollment, grading, attendance, staff, fees, communications. FERPA/COPPA compliant. Integrates with ERPClaw HR, Selling, and Payments.

Consult Marc Lou on a product as a successful indie hacker would -- blunt, conversion-obsessed feedback on the idea, name, hero, landing page, pricing, OG image, copy, or positioning. Grounds every note in 32 principles of what makes a product go viral and sell. Suggests cuts, sharper angles, and direction changes; never builds or rewrites it for you. Use when user says "consult marclou", "let's consult marclou", "what would marc lou say", "marc lou review", or pitches a product/landing page/pricing for indie-hacker feedback.

Expert page layout and grid system design