Skill UI

Vizcom is an advanced AI platform designed to accelerate the product ideation and visualization process. It transforms rough inputs, such as hand-drawn sketches, basic line art, or simple text descriptions, into high-fidelity, photorealistic 3D renders. It is ideal for concept generation in physical products like furniture, electronics, and consumer goods, allowing designers to explore aesthetic variations and generate stunning marketing visuals.

Generates a low-fidelity, hand-drawn wireframe sketch perfect for communicating early design concepts. It meticulously mimics the look of marker drawings, sticky notes, and whiteboard scribbles on graph paper, ensuring the output reads like a preliminary ideation sketch rather than a finished UI. Ideal for use when the brief specifies 'lo-fi,' 'sketch,' or 'whiteboard.'

This skill establishes an expert persona and comprehensive workflow for generating high-quality, implementation-ready design system guidelines. It mandates adherence to a specific "Sketch" hand-drawn aesthetic, defines foundational tokens (color, typography, spacing), and enforces best practices regarding accessibility (WCAG 2.2 AA) and structured documentation (e.g., anti-patterns, QA checklists).

Generate unique, 16:9 hand-drawn illustrations for articles, blog posts, and technical documentation. This skill translates abstract cognitive anchor points into clean, absurd, and memorable whiteboard sketches. It features a consistent, recurring character, 'Grav,' who actively drives the narrative, ensuring a unique and professional visual language across all your content.

Create engaging and intuitive process visualization using the whiteboard aesthetic. This template simulates a physical brainstorming session with sticky notes, hand-drawn SVG connections, and optional cursor interactions, perfect for onboarding, system architecture, or operational workflows.

This template simulates a hand-drawn, low-fidelity wireframe session on a whiteboard or sketchpad. It includes graph paper backgrounds, marker scribbles, sticky notes, and multiple tabs, making it ideal for early-stage UI/UX brainstorming and capturing initial conceptual ideas.

This skill generates hand-drawn 16:9 article illustrations featuring the Grav character IP. It creates sparse annotations and clear visual metaphors for blog posts and technical content. Each illustration uses a consistent whiteboard-sketch style with a floating character as the active participant. Ideal for turning abstract concepts into memorable visual explanations without PPT infographics.

Best practices for event handling and custom action patterns in Makepad GUI applications, drawn from the Robrix and Moly codebases. Covers defining domain-specific actions, emitting widget actions, and centralizing action handling in the App.