Skill UI

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.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

This expert assistant specializes in creating, generating, editing, and optimizing professional visual assets for marketing campaigns. Whether you need blog heroes, social media graphics, product mockups, or brand banners, it guides you through selecting the right AI model (e.g., Gemini, Midjourney, Ideogram) or design workflow (e.g., Figma, Canva). It provides best practices for prompting, consistency, and web optimization, ensuring high-quality, brand-compliant visuals every time.

A powerful, provider-agnostic skill dedicated to generating high-quality, single-image assets such as posters, key art, and editorial illustrations. This tool utilizes a structured, multi-step prompt composition workflow (Subject, Lighting, Palette, Camera) to ensure cinematic and artistic consistency, regardless of the underlying AI model (Flux, Imagen, Midjourney). Ideal for designers needing professional-grade visual concepts.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.