Skill UI

This skill acts as a Master Design Alchemist, transforming raw ideas, rough drafts, or ordinary products into unforgettable digital experiences. It integrates Product Thinking, advanced UI engineering, cognitive psychology, and storytelling principles to ensure radical simplicity and impeccable execution, mimicking the quality of industry leaders like Apple or Jobs. Ideal for defining product narratives and crafting killer, signature interactions.

This skill acts as a Visual Psychologist and Environmental Researcher, guiding the systematic mapping of visual elements—including color, typography, spacing, and imagery—to desired emotional states and conversion goals. It ensures that design decisions are strategic, supporting persuasion and brand narrative rather than merely being decorative. Use it when you need visuals to evoke a specific feeling (e.g., trust, urgency, calm) for a defined target audience, while respecting cultural and accessibility constraints.

This skill provides comprehensive guidance and functionality for creating professional, visually stunning, and academically rigorous slide decks. Designed for research talks, conference presentations, and thesis defenses, it assists in structuring the narrative, integrating complex data visualizations, maintaining consistent design aesthetics, and including proper citations. The recommended output is a combined PDF for maximum visual impact.

Generate a cohesive three-panel social media carousel (1080x1080), designed for cinematic storytelling. Perfect for creating multi-part, on-brand content series for platforms like Instagram, LinkedIn, or X. The skill ensures the panels read as one continuous narrative while maintaining individual visual appeal.

HyperFrames is a comprehensive framework that treats HTML as the source of truth for video production. It allows users to create complex video compositions, including animated title cards, dynamic captions synced to audio, advanced text-to-speech narratives, and sophisticated audio-reactive visuals (like beat synchronization). The tool manages the entire video workflow, from composition authoring and timing to scene transitions (crossfades, wipes) and final rendering.

A skill designed to generate cinematic, short-form video clips (3-10 seconds) suitable for marketing reveals, product teasers, or ambient loops. It focuses on generating one cohesive shot per request, ensuring high quality and narrative focus for modern video models like Seedance, Kling, and Veo. Ideal for creating impactful, bite-sized visual content.

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.

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 magazine-style visual notes that turn a concept into a narrative dossier: problem, failed attempts, turning point, insight, and naming. Ideal for education, concept history, and storytelling layouts.

A sophisticated deck template mimicking the look of printed ink on e-paper. Designed for deep narrative storytelling, academic sharing, or personal essays, this template rejects modern digital aesthetics. It features 10 versatile, magazine-style layouts and 5 curated, monochromatic color palettes (e.g., Kraft Paper, Indigo Porcelain), ensuring a timeless, print-like feel for professional presentations.

This aesthetic deck is perfect for personal narratives, journaling, or lifestyle sharing. It features a soft pastel macaron color scheme, creamy backgrounds, and gentle light blobs, making it ideal for presenting emotional stories, personal growth tracks, or slow-life concepts in a visually dreamy way.

A cinematic template designed for creating high-impact title screens and video transitions. Perfect for cyberpunk, sci-fi, or technological narratives, it simulates digital data corruption, chromatic aberration, and CRT noise to give a powerful, vintage-digital aesthetic.