Design & Media Agent Skills for Codex CLI

A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI.

REQUIRED for all image generation requests.

NASApunk retro-futurist frontend design system with a Starfield-inspired modern layer — NASA golden age (1960s–1980s) aesthetic evolved…

Use when adding or reviewing UI navigation so internal routes preserve normal SPA behavior plus Cmd/Ctrl-click and middle-click new-tab…

Generates and refines realistic, smartphone-quality AI images by eliminating synthetic artifacts and plastic textures for social media.

Use when designing or auditing display items for a Nature Geoscience manuscript, where 4-6 figures/tables must carry the Earth-system…

Designs, implements, and optimizes enterprise admin interfaces, marketing websites, design token systems, and interactive HTML technical…

NEO component principle for surface work.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded…

Create a container-in-container layout system using nested frames.

Instructs AI agents how to discover, configure, install, and audit components from our Design Wiki registry.

Authors a house-style inline-SVG network diagram for a Tutti design page.

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

Use when building or restyling Next.js or React UI.

Create polished, self-contained HTML slide decks OR motion-graphics videos, and iterate on them live in a browser visualizer with a side…

Apply lossless, locale-aware line-break and text-fit decisions while creating or reviewing PowerPoint, Google Slides, presentation slides…

Apply interface-design principles while building any interface — screens, forms, flows, CLI commands, TUI views, error messages, empty…

Audit an interface for design failures, from source alone — a changed diff or a whole workspace.

Generate images and videos with Nsketch AI.

Image enhancement with Nsketch AI. Use when: the user wants to upscale an image, increase resolution ("make it 4K", "enhance")…