[ PACK LIBRARY / PACK 01 ]
Brand systems, interface design, and campaign assets.
36 PLAYBOOKS — 3 OPEN AS FREE SAMPLES
The sample playbooks below are open in full. Unlock the pack once and every playbook here becomes readable, updates included.
Coordinates Lisa and Ridd through a full identity build: a logo family, a locked color and type system, a reusable art style, and a templated asset kit exported to print-ready collateral. Flow captures the voice sheet alongside, so the brand ships as one coherent system where every asset traces back to the same locked color, type, and style specs.
Ridd and Theo build a full marketing site on a single token-based shadcn system, Torque keeps Core Web Vitals clean, and every release passes through a visual-diff recap that compares the site with its design system. The docs, tokens, and components stay tied to the same source.
Caal frames the launch, then Ridd, Lisa, and Frames generate the landing imagery, pitch deck, social batch, and a demo GIF or video against one locked style. The run produces a coordinated set of on-brand launch assets.
Ridd, Kris, and Frames build a desktop app's interface with native macOS conventions — sidebar, traffic lights, light/dark — a full icon set at every required size, and a coordinated UI sound identity.
Ridd and Theo migrate an existing codebase from scattered hardcoded colors, spacing, and type to a single shadcn token source, then use a visual-diff recap to check that screens match the intended design.
Ridd and Theo sweep an app for hardcoded colors, then update each surface, data-viz palette, and interaction sound for light and dark themes.
Kris builds an animated 3D centerpiece with shaders, and Torque tunes it for mobile load performance and checks the result with Lighthouse.
Ridd and Theo wire a generative-UI surface so the product renders dashboards and forms from model output safely, giving each user a layout that adapts to the data they actually have in front of them.
Frames and Ridd map an app's clicks, notifications, navigation, and error states to one coordinated sound set tied to interaction constants, giving the interface a consistent audio identity.
Ridd audits an existing component set for contrast, focus states, and ARIA gaps and delivers fixes as a punch list plus patches, with a visual diff checking the sighted experience for regressions.
Ridd and Theo build an analytics surface that selects a chart for each metric, encodes categories with an accessible palette, and stays readable in both themes.
Ridd wires an HTML-to-PDF pipeline into the product so it can generate print-ready, on-brand collateral — certificates, one-pagers, receipts, and invoices — on demand.
Lisa and Ridd generate a spread of stylistically distinct logo concepts from a creative brief, browsing the style library so each option explores a distinct visual direction you can react to and narrow down in the same sitting.
Lisa generates and exports the icon sizes and formats a product needs — iOS, Android, PWA, macOS, Windows, App Store, and Play Store — with each asset optimized for its destination.
Lisa batches a week's worth of social posts against a locked style and correct per-platform dimensions, producing assets ready for scheduling.
Lisa runs the deck pipeline — discovery, theme, copy, parallel slide generation, PDF stitch — to produce a narrative-structured, on-brand deck laid out for presentation.
Lisa produces a matched set of scalable illustrations locked to the brand style, so a landing page gets custom art where every piece reads as one visual family down to the line weight and palette.
Lisa produces same-style avatars for every team member or agent persona in one pass — portraits, pixel variants, group lineups, or icon crops — so an about page or roster reads as one intentional set built from a single style reference.
Torque and Lisa optimize every image on the site — compression, correct sizing, responsive delivery, modern formats — cutting page weight with no layout change and no touch to application logic.
Torque produces an embeddable demo GIF of a terminal session or product flow, ready to add to a README or landing page.
Ridd and Lisa run a section-divider and pacing pass so a long page has clearer section rhythm without touching the underlying content or layout.
Lisa upscales, cleans, and recomposes rough product screenshots into publish-ready hero images for the marketing site.
Frames and Lisa generate a narrated feature video with a cloned or scripted voice track, ready for social or the homepage.
Lisa captures a custom, reusable style reference so later generations, from images to social graphics, follow the same visual direction.
Ridd takes a Pencil.dev mockup and produces working shadcn component code from it, closing the design-to-code handoff without a manual re-build. The layout you drew is the layout that ships.
Ridd generates print-ready collateral straight from the brand system — business cards, postcards, one-pagers — via an HTML-to-CSS print pipeline, no separate design tool required. Good for business cards and one-pagers; not a prepress substitute for packaging.
Caal researches positioning and writes the page, hands to Ridd for design, then to Lisa for on-brand imagery — three named handoffs that carry a launch page from AI-visibility research all the way to a shipped, fully imaged page you can keep editing.
Flow documents the brand foundation, Ridd designs against a locked style, Theo ships it in shadcn, and each step is traceable from the voice-and-style docs to the merged code.
Kris builds a 3D centerpiece, Frames layers a coordinated sound identity, and Ridd does the final UI polish pass in a sequenced handoff.
Lisa builds a themed deck, Frames turns it into a narrated video, and Lisa cuts it down into social clips, reusing one story across three formats.
Flow defines the personas, Ridd sets art direction as a locked style, and Lisa generates every avatar from that one style, so new team or agent personas get consistent avatars traceable to a single documented reference.
Flow authors a fill-in-the-blank voice document that gives every staff member the brand's writing and visual guidance before they produce copy or assets.
Ridd and Lisa document logo usage, color tokens, type scale, imagery rules, and a reusable style reference in one spec that agents can use and reviewers can check.
Lisa documents export sizes, naming conventions, optimization settings, and storage paths so generated assets follow the same delivery rules in a batch.
Ridd and Theo capture one authoritative shadcn token set for code and design. Build and review playbooks use the manifest as the source that both the UI and CSS resolve against.
Ridd documents exactly which native macOS conventions a specific desktop app should honor, so the UI build starts from a concrete checklist of sidebar behavior, window controls, menu structure, and keyboard norms to follow.