Design & Media Agent Skills

Build or tune Liquid Glass media players, podcast cards, album browsers, and media toolbars using the Kube-blog Music Player composition…

Apply the Kube-blog compact Liquid Glass treatment to search boxes, command palettes, quick menus, and search entry controls.

Apply the Kube-blog convex Liquid Glass treatment to sliders, progress bars, volume controls, scrubbers, range inputs, and timeline handles.

Apply the Kube-blog Liquid Glass lip-bezel treatment to toggle switches, on/off controls, and movable glass thumbs.

Apply a blog-derived Liquid Glass thumb to navigation tabs, segmented controls, and active-tab indicators.

Blog-core Liquid Glass workflow for ordinary static web surfaces such as a single card, button, toolbar, or panel, using physics-based…

INVOKE THIS SKILL when: making AI-generated images interactive, mapping clickable zones onto generated artwork, warping HTML content onto…

Logo design principles and AI image generation best practices for creating

Generates low-fidelity grayscale wireframes and multi-screen storyboards to rapidly explore and compare structural UX directions before…

Creates web assets including favicons, app icons, Open Graph images, social media cards, and other web graphics from source images or…

Execute Lucidchart primary workflow: Document & Shape Creation.

Install and configure Lucidchart SDK/API authentication.

Minimalist high-fashion design with editorial serif headlines, ivory and near-black palette, antique gold accents, sharp edges and…

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Use MagicPath through the magicpath-ai CLI to find, preview, inspect, install, export, create, and edit UI components and manage MagicPath…

Establish, inspect, or evolve a project's reusable design-system foundations, semantic tokens, themes, component inventory, variants, and…

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

Provides professional architectural guidance and implementation patterns for modern web frameworks including React, Angular, Vue, and…

Use when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and…