Design & Media Agent Skills

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

Adaptive design engine for UI/UX, Print, and Branding.

Transforms pet photos into stylish 1:1 Mediterranean vacation-themed avatars with retro film aesthetics.

Generate, edit, or restore images through GRSAI using nano-banana-2 or nano-banana-pro, with automatic prompt optimization for artifact…

Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in…

Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth…

Beautiful, copy-paste-ready Home Assistant dashboard designs with complete CSS themes, card-mod styles, and button-card templates.

Create distinctive, production-grade frontend interfaces with high design quality.

Optional 3-5 direction picker for users who explicitly ask to compare visual directions.

Apply the Hello Sugar visual brand — colors, typography, logos, and design tokens — to any user interface.

Turn a plain-text description of an audio setup into a hand-drawn-looking hi-fi / headphone system diagram (source → USB bridge → DAC →…

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and…

Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and…

Creates event visuals, pitch proposals, interactive prototypes, and presentation decks using OpenDesign and Canva workflows.

Orchestrates OpenDesign and multi-format document skills to generate event visuals, interactive prototypes, presentations, and client…

Generates standardized dual-image prompts and mockup pairings to adapt event key visual (KV) designs into collateral mockups for visual…

Generate or edit raster images through the dedicated 老实人AI Images API.

Use when a Design/UI task needs mode selection, routing, or shared verification for a non-game HTML visual deliverable: a responsive page…

Use only when html-design-unified delegates, or the user explicitly names it, to create a fixed-dimension HTML poster, social graphic…

Use only when html-design-unified delegates, or the user explicitly names it, to create or repair a scoped non-game HTML/CSS page layout…

Open Design's incident retro: the daemon-restart data bug, the root cause, the fix, and the systemic follow-ups.