Skill UI

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

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.

This comprehensive workflow manages the entire Canva creative pipeline. Users can upload, read, and modify design assets (images, files) via API. Key features include autofilling brand templates using dynamic data (text, images, charts) and programmatically organizing generated designs into specific folders, significantly streamlining the content creation process.

Automate the complex process of migrating design systems, design tokens, and styles between multiple Figma files, or from external sources into Figma. This tool covers the full pipeline: inventorying assets, extracting raw style data (colors, typography, effects), transforming them into structured design tokens (e.g., JSON format), and finally writing them back into Figma variables using the Variables API. Ideal for maintaining consistency across large design libraries.

This advanced skill is designed to generate high-quality, publication-ready academic illustrations and diagrams. It utilizes a sophisticated, multi-stage iterative workflow involving Claude for planning, layout optimization, and strict visual review, combined with a dedicated local Codex app-server bridge for native image rendering. The process ensures that generated figures meet the rigorous aesthetic and structural standards required for top-tier conferences and journals (e.g., CVPR, NeurIPS).

A sophisticated automated loop that uses vision or video models to evaluate subjective aesthetic quality (e.g., timing, color grade, layout). Instead of relying on numeric metrics, the system renders multiple parameterized variants into one artifact, asks the AI to rate them, and suggests optimal values, repeating the process until convergence. Ideal for design iteration where human judgment is the primary success criteria.

This skill systematically defines all necessary variants, states, and properties for a Figma component before development. It ensures comprehensive coverage of all states (e.g., Hover, Disabled, Loading) and properties (e.g., Size, Type), generating a robust variant matrix that prevents critical design gaps and streamlines the entire component building process in Figma.

This skill acts as a sophisticated router for frontend design, providing access to 48 deeply opinionated UI styles (e.g., Material, Brutalism, Glassmorphism). It ensures professional aesthetic coherence by enforcing specific style guidelines, utilizing curated universal color palettes, and guiding the implementation process for both web and mobile applications.