Design & Media Agent Skills

Build and configure the DevExpress Blazor Grid (DxGrid) — a full-featured data grid for Blazor Server, WebAssembly, and Hybrid apps.

XAF Views, layout, and navigation. Covers ListView, DetailView, DashboardView class hierarchy, View creation…

AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation…

Build UI that holds up on small screens, not just desktop.

Turn a user-supplied photo of an ordinary inanimate object, household hack, or improvised construction into a matched Chinese-and-English…

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology…

Reconstruct high-fidelity diagrams from one or more reference images into editable Draw.io files, using native Draw.io elements for text…

Drkrm, the editor between your agent and the image or video model.

Use when a page or component needs a structured UX audit — quick scan applies 6 Krug-inspired usability checks; deep audit covers 15…

Use only when html-design-unified delegates, or the user explicitly names it, to create or repair a 16:9 HTML deck, webpage courseware…

Use when the user asks to create distinctive production-grade frontend interfaces, web components, pages, artifacts, posters, or apps, or…

Use when a frontend or Design/UI task needs UI performance diagnosis or fixes for loading speed, rendering, animation smoothness, image…

Use when a Design/UI task needs final visual polish, consistency fixes, alignment, spacing, micro-detail repair, edge-state cleanup, or…

Use when a Design/UI task needs to reduce visual intensity, noise, saturation, motion, or complexity while preserving quality and…

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story.

Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands.

Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility…

Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's animation stack.