Design & Media Agent Skills for Grok Build

Companion to the outsystems-ui skill. Overrides default OutSystems scaffolding to generate modern, high-fidelity, consumer-grade user…

Maintain one documented z-index ladder for overlay tiers (base → sheet → dialog → floating content → toast → blocking alert).

Build and manage pages, elements, components, and styles in Webflow Designer.

Operational rules for page structure in Material UI v9 — desktop shell app (AppBar + Drawer permanent 240px + main content…

Apply when product, UX, or feature-scope tradeoffs come up.

Transforms uploaded photos into elegant 2:3 travel palette postcards combining source photography, selective watercolor studies, archival…

Fires when a fellow wants to test a workflow on paper before building it — "paper test", "sketch it", "paper prototype", "sketch probe"…

Use when you want several genuinely different design directions to choose from instead of one design you will iterate on — a page or UI…

Guide for creating generative, emergent music with Pattrns, the Lua-based pattern sequencing engine for Renoise.

Generates detailed, data-driven user personas to inform UX research and product design decisions.

Generate a pet-head avatar or wallpaper from user-provided cat or dog photos while preserving the same animal's face, coat pattern, eyes…

Transforms photos into stylized printmaking posters across 12 authentic crafts with strict subject fidelity and structural preservation.

Produces believable photographic direction with camera position, lens character, depth of field, and natural rendering.

Embed Photopea in web apps using photopea.js.

Use this skill when designing pickers, dropdowns, comboboxes, autocompletes, command palettes, or any UI that lets the user select from a…

Generate and edit media via Picsart MCP API tools.

Use @pierre/theme for Pierre syntax and editor themes.

Use @pierre/theming to manage runtime themes.

Use @pierre/trees for an interactive file tree.

Decides, specifies, builds, debugs, reviews, and improves purposeful web animation with appropriate timing, easing, interruption, spatial…

Designs, builds, reviews, and refines distinctive production web interfaces with deliberate composition, rigorous color systems…