Design & Media Agent Skills for Devin Desktop

Generate or edit raster images through a user-configured third-party OpenAI Images API-compatible endpoint when a task explicitly requests…

Use this skill whenever the question is how to make a composition feel organized — what belongs with what, where groups end, how related…

Use this skill when designing or fixing data tables and tabular layouts — row spacing, column spacing, header treatment, group separators…

Use this skill when designing or fixing navigation — sidebars, top nav, footer nav, mobile menus, breadcrumbs, tab bars, command palette…

Use this skill when designing constraints that work through perception, expectation, and learned convention — symbols, conventions…

Facilitates collaborative public space co-design workshops to capture stakeholder needs, iterate visual prototypes, and generate…

Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev/cli`): publish a React component to a…

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

Generate localized cover images and reusable image prompts from the shared Punk style library for articles, Xiaohongshu notes, WeChat…

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality.

Generate code screenshots via ray.tinte.dev API.

Generate beautiful code snippet images using ray.so.

Scaffolds enterprise-grade React 19 and Ant Design v6 admin applications in an NX and Yarn Berry monorepo workspace.

React component decomposition, hook extraction, state machines, composition patterns, hydration safety, and React 19 APIs.

Guidance for implementing or refactoring React components — keep components focused on rendering, props, and events, and extract API…

Apply the principle of Readability — the ease with which sustained prose can be read, determined by line length, line height, paragraph…

Set line length (measure) for prose — capping the maximum width of body text so lines stay in the 45–75 character range that supports…

On-demand audit and targeted upgrade of an existing website or app's design.

Generate or edit images through the OpenAI-compatible relay configured in Codex config/auth files.

Remix a vos.so gallery program into your own — fetch its config, edit the declared knobs or code locally, validate with vos check, and…

Best practices for Remotion - Video creation in React