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.

This skill builds production-quality, accessible, and responsive user interfaces. It involves creating reusable components, managing state, and adhering to design systems while avoiding generic AI aesthetics. Suitable for developing interfaces that meet WCAG requirements and look professional.

This skill crafts agency-level digital experiences with haptic depth and cinematic spatial rhythm. It enforces premium aesthetics like Apple-esque design, avoiding standard fonts and generic layouts. Features include asymmetrical bento grids, nested component architecture, and fluid physics-based animations using custom cubic-beziers for a polished, high-end user interface.

A design skill for architecting web interfaces with industrial brutalism and tactical telemetry aesthetics. It merges mid-century Swiss typography, industrial manuals, and retro-futuristic aerospace terminals, using rigid grids, extreme scale contrast, utilitarian colors, and analog degradation simulations. Opt-in, invoked by name.

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.

Huashu Design is an AI skill that creates high-fidelity prototypes, slides, animations, and visualizations using HTML. It acts as a professional design studio, generating three distinct design directions for user selection before final execution. The tool ensures outputs look human-made and brand-aligned, avoiding typical AI aesthetics. It covers web prototypes, PPTs, infographics, and motion graphics, excluding backend-heavy systems.

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.

This skill enforces high-quality frontend standards using React/Next.js and Tailwind CSS. It defines strict design constraints, typography rules, and interaction patterns to prevent generic AI output. Ensures dependency verification, responsive layouts, and premium UI aesthetics while avoiding clichés like emojis or purple gradients.

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.