Skill UI

Frontend Slides Designer generates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint decks, ensuring viewport-fitted slides with distinctive aesthetics for pitch decks, tutorials, or showcases.

This guide details how to apply sophisticated artistic styles and visual effects to Kling AI video generation. Users can achieve diverse aesthetics—such as Cinematic, Anime, Watercolor, or Cyberpunk—either through detailed prompt engineering or by utilizing the dedicated Effects API (e.g., hug, kiss). It also provides methods for pre-processing images using Kolors for highly consistent and professional video outputs.

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.

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

A comprehensive skill designed to generate professional, visually engaging, and scientifically rigorous slide decks for academic talks, conferences, and thesis defenses. It guides users through structuring the narrative, incorporating complex data visualizations, ensuring consistent design aesthetics, and accurately placing citations. It works with formats compatible with PowerPoint and LaTeX Beamer.

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.

A comprehensive design system guide for building modern, high-density, and data-rich dashboards. It establishes foundational rules covering dark-themed aesthetics, modular grids, typography, color tokens, and rigorous accessibility standards (WCAG 2.2 AA). Ideal for engineers and designers building complex cloud-platform interfaces for optimal productivity and data analysis.

This skill functions as an expert design system author, generating comprehensive, implementation-ready guidelines based on specific brand aesthetics (e.g., Riso). It covers design tokens, component anatomy, accessibility criteria (WCAG 2.2 AA), writing tone, and anti-patterns. It ensures deep consistency and usability for engineers and designers.

A comprehensive guide covering the canonical rules for Power BI report design. It enforces consistency across design identity, visual hierarchy, color discipline, chart selection, and accessibility. Focuses on structuring reports to answer specific questions and minimizing cognitive load, ensuring data effectiveness over mere aesthetics.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

Provides a structured, outcome-based critique of design concepts, shifting the focus entirely from aesthetics to product viability. This skill is ideal for Product Managers needing to assess whether a design achieves specific user goals, meets core business metrics, and satisfies original requirements. It generates actionable feedback tied to measurable outcomes, ensuring all critique points are evidence-based and strategically relevant.