Design & Media Agent Skills

Expert in building portfolios that actually land jobs and clients -

Generates high-converting Next.js/React landing pages with Tailwind CSS.

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

CRITICAL: Use for Makepad animation system.

CRITICAL: Use for Makepad getting started and app structure.

CRITICAL: Use for Makepad DSL syntax and inheritance.

CRITICAL: Use for Makepad event and action handling.

CRITICAL: Use for Makepad layout system.

This category provides reference materials for debugging, code quality, and advanced layout patterns.

CRITICAL: Use for Makepad shader system.

Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.

CRITICAL: Use for Makepad Splash scripting language.

Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets

Senior Elite Software Engineer (15+) and Senior Product Designer.

Elite Coder Mode + Pixel-Perfect UX optimized specifically for Gemini 3.1 Pro High.

Apple-level product design — visual systems, UX flows, accessibility, proprietary visual language, design tokens, prototyping and…

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva…

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Generate marketing screenshots of your app using Playwright.