Design & Media Agent Skills for Gemini CLI

This skill generates or scaffolds a Next.js dashboard UI using shadcn/ui with Server Components and Server Actions.

This skill should be used every time you work on Next.js projects or Next.js app code changes in this repository.

Scaffold a new Next.js project with a full stack and set of conventions.

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and…

Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.

Create comprehensive user journey maps that identify pain points, opportunities, and emotional states across touchpoints.

Normalize design to match your design system and ensure consistency

Turn travel photos into 3:4 nostalgic editorial posters as either a photo-and-drawing comparison or a full-canvas minimal illustration.

Obsidian plugin UI conventions: createEl DOM, data-testid hooks, settings sentence case, CSS variables, command callbacks, and…

Hidden fallback scenario for free-form Home prompts.

Default reference pipeline for image, video, and audio projects — routes through media-image / media-video / media-audio atoms based on…

Creates an Open Graph image (social share preview) optimized for BrandArtisan.

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme…

Five-role Design Jury review that streams scored rounds, persists a replayable transcript, and ships through the daemon's Critique Theater…

Use Open Design as an external local-first design workbench for prototypes, decks, mobile screens, dashboards, DESIGN.md systems, and…

INVOKE THIS SKILL when: generating AI images, editing existing images, writing prompts for Gemini image models, performing surgical…

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

Build OutSystems UI screens using the official pattern library and utility-first CSS classes.

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

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