Skill UI

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.

Visits target URLs to capture screenshots and inspect pages, then extracts palettes, typography, layouts, and repeatable UI patterns so design teams can document inspiration for new projects.

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.

This skill generates a single, full-bleed, looping motion composition using only inline CSS animations. It functions as a high-fidelity poster frame, specifically designed to be captured by keyframe exporters (like HyperFrames or Lottie) to create animated hero videos, title cards, or video posters for marketing campaigns. Ideal for briefs requiring sophisticated 'motion design' or 'animated hero' assets.