Skill UI

This skill transforms vague feature briefs or Product Requirement Documents (PRDs) into highly structured design handoff briefs. It ensures designers have comprehensive context before starting work, including the core user goal, emotional context, critical technical constraints, necessary edge cases, and clear scope boundaries, preventing misdirection and scope creep.

A comprehensive guide for implementing 'Aurora UI' aesthetics across multiple platforms including Web, SwiftUI, and Flutter. Learn how to create ethereal, atmospheric backgrounds using blurred color orbs, glassmorphism overlays, and fluid motion, ideal for luxury, futuristic, or high-end applications.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.

A high-impact, vertical poster template designed specifically for social media marketing campaigns. Ideal for product launches, event announcements, or promotional content that requires maximum visual engagement. Features include strong gradient backgrounds, structured layout sections for key takeaways, and dedicated areas for branding and QR codes.

Generate highly realistic Reddit post cards designed for social media stories and video overlays. This template simulates the full Reddit UI, including vote rails, subreddits, user metadata, and comment counts. Ideal for marketing campaigns, content promotion, or creating engaging, authentic-looking narrative videos.

A premium prototype template designed with an Apple-tier aesthetic. Features include a soft, squircle design, ambient mesh backgrounds, double-bezel cards, button-in-button CTA elements, and subtle spring motion for a fluid, modern user experience. Ideal for modern app UI/UX.

This file is designated as the Japanese localization resource for the Motion UI component. It is currently under active translation and implementation. Users should refer to the original skill file for the English version or the final functional skill.

A comprehensive, multi-stage workflow for enhancing and structuring raw footage using advanced AI tools. It covers the entire pipeline—from initial recording (Screen Studio) through AI planning (Claude/Codex), deterministic cutting (FFmpeg), compositing (Remotion), asset generation (ElevenLabs/fal.ai), and final human polish (Descript/CapCut). Designed for users creating vlogs, tutorials, or polished corporate videos.