Skill UI

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

Provides automated guidance for creating org charts, including best practices, visual documentation workflows, and ready-to-use diagrams when discussing organizational visuals.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

Automates guidance for technical diagram analysis, offering best practices for diagrams, charts, presentations, and validating code or visuals to meet visual documentation standards.

Generates professional infographics by describing your idea, combining Nano Banana Pro AI generation with Gemini 3 Pro quality review and optional Perplexity Sonar research to ensure accurate, publication-ready visuals for marketing, reports, social, or internal use.

Guides researchers through creating conference-ready posters in LaTeX, covering layouts, visuals, AI-generated graphics, and overflow-safe design for academic communication.

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

Magic Animator is an AI-powered skill designed for designers to breathe life into static visuals. It transforms flat logos, UI elements, and icons into engaging, premium motion assets. Use it to create micro-interactions, sophisticated loaders, and memorable brand reveals for web, apps, and social media, ensuring a high "wow" factor and dramatically improving user experience.

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 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 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.

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.