Skill UI

Automates mermaid class diagram generation by offering best-practice guidance, production-ready code, and validation steps within the visual content domain whenever you mention mermaid class diagrams or ask about related patterns.

Automates guidance for mindmap generator requests, offering best practices, production-ready configurations, and validation for diagrams, charts, and visual documentation workflows in the Visual Content domain.

Automates user journey mapper tasks in the Visual Content domain by triggering whenever you mention user journey mapper needs, then guiding each step, applying best practices, and generating validated diagrams, charts, and documentation-ready material.

Generate production-ready images for SEO: OG/social previews, blog heroes, schema images, product photos, infographics, and more. Uses Gemini via nanobanana-mcp, with aspect ratios, resolutions, and domain modes optimized for each use case. Includes post-generation SEO checklist for alt text, file naming, WebP conversion, schema markup, and OG meta tags.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

Domain knowledge for turning a math problem into a structured step-by-step explainer video: problem decomposition, narration scripts, KaTeX-style layout, subtitles and scene timing.

Provides domain knowledge for compiling character/scene/prop creative settings into executable image generation prompts. Covers reference board layouts (character identity boards, sequence keyframes, environment study boards, prop study boards), composition and camera language, avoiding image moderation false positives, entity continuity, and cross-variant derivative design based on the main image. Not for video prompt compilation, pure material editing, or evaluating generated outputs.

This skill provides direction and intent for frontend design tasks. It helps define purpose, tone, domain, color world, and review criteria before coding. It incorporates cross-domain principles from cinema, architecture, marketing, UX, and automotive design to create memorable interfaces. Use it alongside the design skill to ensure intentional craftsmanship, proper loading order, and visual hierarchy. Focus on restraint, negative space, and signature elements rather than excessive intensity.

This agent simulates Steve Jobs, the co-founder of Apple and influential tech designer. It assists with product design thinking, strategic presentations, and technology domain expertise. Use it for brainstorming innovative product concepts, crafting compelling pitches, or gaining insights into minimalist design philosophy.

This skill orchestrates a cross-discipline review of interfaces, screens, and flows. It evaluates accessibility, layout, writing, typography, color, and UI polish by routing to specialized domain skills. It consolidates evidence into a single ranked report, ensuring findings are evidence-based rather than subjective. It handles scope resolution, verifies implementation details, and ranks issues by user impact severity.