Skill UI

This skill provides functionality to upscale and enhance the resolution of both images and videos using advanced Artificial Intelligence models. It is useful for improving visual quality, restoring detail, and increasing the clarity of low-resolution media assets for creative and professional use.

This skill leverages Google Gemini's advanced image generation model to create high-quality, context-specific visuals. It is essential for developers needing placeholder images for UIs, generating detailed diagrams for technical documentation, or visualizing abstract concepts, logos, and assets across cross-platform projects (Windows, macOS, Linux).

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

Generate or edit high-quality photos, illustrations, and visual assets using OpenRouter models like Gemini 3.1 Flash and Flux 2 Pro; configure the API key once, then run the scripts for prompts, edits, or batch outputs for presentations, marketing, or general creative needs.

Produces 50+-page market research dossiers with consulting-style LaTeX formatting, deep data lookups, strategic frameworks, and automated visual assets for investment and planning briefs.

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.

A specialized skill for generating production-ready, SEO-optimized visual assets. It handles various use cases including OG social cards, blog hero images, product visuals, and infographics. The system ensures outputs adhere to best practices like specific aspect ratios, schema markup, and file naming conventions, making content publishable and discoverable by search engines.

This tool provides comprehensive audits for App Store and Google Play listings. It analyzes metadata, visual assets, and user ratings against current ASO best practices. By fetching live data and assessing brand maturity, it generates a prioritized, actionable plan to boost app visibility, improve conversion rates, and enhance overall store ranking.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

AI design studio for high-fidelity HTML prototypes, presentations, animations, infographics, and expert design critiques. For every new visual project it first presents three distinct directions to choose from, uses verified brand assets, and aims for studio-quality output indistinguishable from human design.

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.

This skill establishes an autonomous, iterative build loop for continuous website development. It functions as an agent that reads tasks from a 'baton' file, utilizes the Stitch MCP tools to generate structured web pages, integrates the generated HTML assets into the main site structure, and finally updates the baton file with the next required task. It supports end-to-end, programmatic site building and includes optional visual verification using Chrome DevTools.