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.

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.

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 tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.