Skill UI

A practical coach designed to develop the four core EQ competencies: self-awareness, self-regulation, empathy, and social skills. Utilizing concepts from affective neuroscience and established frameworks, it guides users to identify precise emotions, understand triggers, manage difficult feelings non-reactively, and improve interpersonal relationships while accounting for cultural emotional norms.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

Generate professional, master-level designs in the unique Mondo aesthetic. This skill is perfect for creating stunning posters, book covers, album art, and event promotion materials for various platforms (e.g., 9:16, 1:1, 21:9). It removes the need for graphic design expertise by automatically optimizing prompts, simulating limited color palettes (screen print), and applying advanced compositional techniques like negative space storytelling and dramatic scale contrast.

This skill automates the creation of professional, animated walkthrough videos from static app designs. It retrieves screen assets from Stitch projects and utilizes Remotion's advanced video composition capabilities to generate polished product demonstrations. Features include smooth transitions, contextual zooming, and animated text overlays, making it ideal for UX reviews, product marketing, and design portfolios.

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

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.

This is a comprehensive library of 140 proven marketing and growth strategies, specifically designed for SaaS and software products. The skill guides users through advanced tactics covering SEO, content repurposing, competitive analysis, engineering marketing, and paid advertising. Use it when seeking growth hacks, marketing ideas, or detailed promotion strategies to scale a digital product.

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.

StyleSeed is a comprehensive design judgment engine designed to elevate the aesthetic quality of AI-generated user interfaces. It codifies 69 visual rules covering color discipline, spatial rhythm, information hierarchy, and motion feedback. By integrating these principles, developers can ensure that AI output looks professionally designed and polished, rather than simply generated. Includes React components, Tailwind CSS implementation, and actionable design guidelines.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.

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.