Skill UI

This skill acts as an elite art director, generating highly structured, premium, and conversion-aware frontend design references. It is optimized for creating multi-section websites, landing pages, and marketing sites, ensuring consistency and visual appeal across every section. Output is designed to be immediately usable by developers or coding models, adhering to strict composition rules to avoid generic AI aesthetics.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

This skill acts as a sophisticated router for frontend design, providing access to 48 deeply opinionated UI styles (e.g., Material, Brutalism, Glassmorphism). It ensures professional aesthetic coherence by enforcing specific style guidelines, utilizing curated universal color palettes, and guiding the implementation process for both web and mobile applications.

This skill provides expert guidance on design engineering, focusing on UI polish, micro-interactions, and high-craft component decisions. It is ideal for reviewing frontend code (React, CSS, Tailwind) to elevate perceived quality, addressing details like easing, duration, and physical feedback. Use it when subtle detail and refined taste are critical differentiators.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

Create highly aesthetic, animation-rich HTML presentations from scratch or convert existing PowerPoint files (PPT/PPTX). This tool focuses on generating distinctive, professional web decks with fixed 16:9 ratios. It supports low-density for keynote talks or high-density for detailed reports, ensuring visual impact and zero dependencies.

StyleSeed Design Review analyzes UI/frontend code (React/Tailwind/HTML) against a detailed design rubric. It scores the interface (0-100) across coherence, color discipline, hierarchy, and polish. The tool pinpoints specific violations—such as mixed corner radii or non-semantic colors—and generates a prioritized, actionable list of fixes, ensuring the final product looks professional and polished, not generic or 'AI-generated.'

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

This skill facilitates visual philosophy and art direction for frontend development. Ideal for high-concept work, campaigns, or defining unique aesthetic manifestos. It guides naming a movement and articulating visual manifestations through space, form, color, and material. Emphasizes craftsmanship, minimal text, and creative space for interpreters to make high-level choices.

This skill provides direction and intent for frontend design tasks. It helps define purpose, tone, domain, color world, and review criteria before coding. It incorporates cross-domain lenses from cinema, architecture, marketing, UX, and automotive design to create memorable interfaces. Use it with the design skill to ensure intentional craftsmanship, focusing on constraints, differentiation, and high-impact visual elements while maintaining accessibility and performance standards.

Create stunning, animation-rich HTML presentations from scratch or convert PowerPoint files. Ideal for talks, pitches, and reports. Zero-dependency, browser-based, with distinctive design and fixed 16:9 stage.