Design & Media Agent Skills

Transforms user photos into sophisticated, magazine-style editorial posters arranged around a geometric clock timeline.

Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).

Generates quirky 16:9 hand-drawn explanatory illustrations and structured shot lists for Chinese articles, workflows, and conceptual…

Generate editorial collage infographic illustrations, mixing vintage paper media, flat vector graphics, and light pop art.

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

Use Iconify Simple Icons logos (64x64) instead of text logos.

Builds and extends components in this project's design system, following its composable patterns and conventions.

Scaffold component library structure with Storybook and documentation

Toolkit for styling artifacts with a theme.

Generate flat, minimal educational SVG visuals as HTML.

Create, screen, and validate original conceptual photography from a specified element, theme, or source image.

UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React…

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts.

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells.

Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

Create, redesign, or art-direct Chinese commercial posters and coordinated product-poster series with clear selling-point hierarchy…

Use when you need to create a brand new Lightning Web Component from a Figma design, a Product Requirements Document, or another design…

Create new applications for ryOS following established patterns and conventions.