Agent Skills Library

Device Showcase Studio

Your product, beautifully in the frame

Codex +2

GrokBot Avatar

Create rounded Original mascots or cute soft-vinyl Anime avatars with simple solid eyes and vivid colors. Follow explicit character requests first, use reliable user memories to personalize missing details for a personal avatar, and turn an approved shape into a matching toy-like character when requested.

Codex / ChatGPT

Sage Sneaker Store

Build a complete multi-page website with a sage hero, oversized white uppercase type, an editorial model photograph, white proof cards and clean product grids. Includes connected content pages and interactive controls, with a reusable visual system for new brands and content.

Claude Code +8

Scattered-Cards Magazine

Build a complete multi-page website with a white editorial ground, a fan of rotated article cards, a ruled topic index and generous photographic story grids. Includes connected content pages and interactive controls, with a reusable visual system for new brands and content.

Claude Code +8

Scrapbook Resume Site

A multi-page online resume site in a scrapbook grammar: a lanyard ID badge, a taped contact card, a torn notepaper intro, a cobalt marquee ribbon and a clipboard of sticky-note roles, with pages for Home, Experience plus three role stories, Education, Skills and Tools, Projects plus four case pages, Kind words and Contact. Every name, role and image is original, so you drop in your own story without inheriting anyone else's. Ideal for designers and job seekers who want a CV that feels handmade rather than templated.

Claude Code +8

Brand Story Deck

Build a high-contrast editorial brand story deck with a narrative spine, visual codes, and editable 16:9 HTML slides. Use for brand origins, positioning stories, identity rationales, launch narratives, or reframing a generic brand presentation into a distinctive magazine-like sequence.

Claude Code +8

Liquid-Rupture Logo Reveal

Build a short logo-reveal sting where the mark rides inside a bead of liquid, refracted past the point of legibility, until the bead ruptures and leaves the lockup crisp on the frame. Delivered as a rendered MP4 plus the editable project, with no 3D asset and no generation model involved.

Claude Code +8

Velocity-Matched UI Sting

Build a short product sting where every cut is velocity-matched, so seven scenes read as one continuous camera move instead of a stack of screens. Delivered as a rendered MP4 plus a single-file project carrying a seam ledger, so the piece can be re-branded later without the motion coming apart.

Claude Code +8

Minimal Motion Hero

Minimal Motion Hero is a ready-to-paste hero section, delivered as editable source with its usage example. It ships with entrance motion that settles rather than bounces and state the visitor can change and see respond. Colour, type and radius live as tokens you edit once for the whole block.

Claude Code +8

Monochrome Studio Portrait

Transform an authorized portrait into a refined black-and-white studio half portrait with soft directional light, natural texture, subtle grain, and deliberate negative space. It gives editors and personal brands a calm, distinctive image for profiles and social use while preserving the subject's identity and glasses on a best-effort basis.

Claude Code +8

Basalt Dev Portfolio

Create a complete personal developer portfolio with biography, projects, writing, talks, tools, and career milestones in a focused basalt style. It helps independent builders present a coherent body of work, rather than a disconnected collection of links, when seeking clients, roles, or collaborators.

Claude Code +8