Skill UI

Automates svg icon generation guidance with best practices, production-ready snippets, and validation for visual content scenarios like diagrams, charts, and presentations.

Engineers minimalist, scalable vector logos using geometric primitives, negative space, and strict flat-style constraints to translate brand briefs into iconic, professional marks for modern identities.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

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.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

A comprehensive guide for developers to implement the iconic Vaporwave aesthetic across multiple platforms, including Web (CSS), iOS (SwiftUI), and Flutter. It details core principles such as 90s OS motifs, cyan/magenta neon gradients, and surreal pastel color palettes, enabling the creation of nostalgic, retro-futuristic user interfaces.

Recreate the modern, frosted glass aesthetic of macOS notification banners. This template is ideal for adding polished, system-like alerts to video overlays, product launch videos, or social media announcements. It features structured content areas for app icons, titles, and detailed text, mimicking the native OS look and feel.

This skill generates high-quality images, textures, icons, and visual assets from text prompts using advanced AI models. It supports multiple providers, including OpenAI (DALL-E) and Google Gemini, offering flexibility in quality and speed. Ideal for rapid prototyping, game asset creation, artwork, and visual mockups across various projects. Requires configuration with an API key.