Skill UI

Guides building production-ready user interfaces with thoughtful component architecture, consistent spacing, typography, color, and accessibility standards while avoiding generic AI aesthetics and over-configured patterns.

Defines a premium UI/UX persona that enforces agency-grade typography, textures, and motion choreography, guiding AI to avoid cheap defaults and deliver cinematic, tactile web experiences in varied archetypes.

Guidelines for crafting industrial brutalist interfaces that merge Swiss print and military terminal aesthetics, emphasizing rigid grids, stark typography, utilitarian color, and analog degradation for data-heavy dashboards or editorial sites.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.

Upgrades existing websites and apps to premium quality by auditing typography, color, layout, and UI patterns, then applying targeted tweaks within the current stack without rewrites.

Generates Stitch-friendly DESIGN.md blueprints that encode premium anti-slop UI rules—color calibration, typography, layouts, motion, and component behaviors—so agents can produce high-agency screens for Google Stitch.

Guides Power BI visualization and UX decisions—capturing business context, selecting optimal charts, specifying layouts, color, typography, and interaction patterns to create accessible, insight-driven dashboards across audiences.

This setup wizard, part of StyleSeed, guides users through establishing a structured, branded workspace. It systematically collects essential context—including app type, brand colors, visual references, and typography—to generate a coherent design system and scaffold the first page, ensuring the UI remains focused and avoids generic design pitfalls.

Transform raw ideas, articles, or technical material into polished, engagement-optimized LinkedIn posts. This skill leverages Unicode typography (bold, italic) to simulate rich formatting that respects LinkedIn's plain text limitations. It utilizes proven structural patterns (Hook → Content → CTA, Listicle, Story) and best practices for professional social media marketing, helping users create high-impact, scannable thought leadership content.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.

This skill acts as a specialized prompt engineer for AI design tools. It transforms vague, rough UI/UX ideas into polished, highly optimized prompts. It systematically enhances prompts by injecting missing details such as specific components, design system adherence (colors, typography), page structure, and platform context, ensuring the resulting command is professional and ready for superior AI generation.

This workflow is designed for developers building design-to-code pipelines. It connects to Figma via API to extract core design tokens, including colors, typography styles, and spacing values. It converts these raw design assets into structured code formats, such as CSS custom properties, JSON tokens, and Tailwind configurations, ensuring design consistency across development environments.