Skill UI

Use before creative or constructive work (features, architecture, behavior). Transforms vague ideas into validated designs through disciplined reasoning and collaboration.

This skill provides AI-powered capabilities for advanced image manipulation. It specializes in style transfer, allowing users to apply the aesthetic characteristics of one image to another, and object removal, enabling seamless retouching by eliminating unwanted elements. It is essential for designers, photographers, and artists requiring high-quality, creative photo editing and visual enhancement.

A comprehensive guide covering the fundamental principles of interactive entertainment design. This resource details core loop creation, structuring a Game Design Document (GDD), analyzing player psychology (motivation, reward schedules), balancing difficulty (flow state), and designing effective progression systems. It is essential for game developers, product managers, and creative designers planning engaging user experiences.

Guides creating memorable interactive portfolios that win jobs and clients by balancing experience design, conversion psychology, and tailored storytelling for developers and creatives.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.

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.

This skill provides expert-level, comprehensive guidelines for building a cohesive and playful design system, optimized for landing pages and creative projects. It defines foundational elements using semantic tokens, covering typography, color palettes, and spacing. The system mandates WCAG 2.2 AA accessibility, defining rigorous component anatomy, interaction states, and detailed authoring workflows to ensure both aesthetic appeal and cross-platform usability.

Design banners for social media, ads, website heroes, creative assets, and print. Generate multiple art direction options with CSS-built, user-supplied, or optionally generated visuals. Suitable for platforms like Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, and web.

This template provides a highly flexible, fixed-size 1920x1080 canvas for creating professional presentations. Unlike traditional templates, it allows users to arrange content freely, treating each slide like a composable React component. It enforces strict design constraints (typography, color palette, visual hierarchy) to ensure every page maintains a polished, professional, and unique aesthetic, ideal for portfolios and artistic talks.

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 facilitates visual philosophy and art direction for frontend development. Ideal for high-concept work, campaigns, or defining unique aesthetic manifestos. It guides naming a movement and articulating visual manifestations through space, form, color, and material. Emphasizes craftsmanship, minimal text, and creative space for interpreters to make high-level choices.

Curated collection of micro-interactions and design details to add magic and personality to websites and apps. Use to elevate UI from functional to memorable with clever hover states, creative loaders, and easter eggs.