Design & Media Agent Skills for VS Code

Light with fire, candle, and warm practicals.

Generate Flux.2 architectural and environment stills.

Generate Flux.2 fashion and beauty editorials.

Use proximity and spacing to show relationships

Prompt health, wellness, and care visuals.

Turn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette…

Ensure WCAG AA accessibility and readability

Fix bogus motion blur and smear artifacts.

Design kinetic type and motion-graphics beats.

Complete guide to developing with Material UI (MUI) for React — use it when building UIs with Material UI, creating or using an MUI…

Use neon practicals as motivated color keys.

Pick aspect, resolution, and delivery crop.

Fix relative-size errors between subjects.

Emulate stop-motion and claymation surface.

Emulate Ghibli weather, food, and hand-painted air.

Build studio softbox ratios for people and product.

Emulate Dalí-like surreal objects and dream logic.

Emulate synthwave grids, suns, and chrome nights.

Prompt product-tech and innovation visuals.

You are the designer—the one who ensures the HTML output is beautiful, readable, and matches the design specifications.

Add depth only when functionally necessary (elevation, not decoration)