33 skills · sorted by relevance
Shape a high-contrast interface with dark molded panels, inset shadows, and tactile controls that resemble physical objects. Apply a consistent visual system across page framing, cards, buttons, and small status displays, using one restrained accent color.
Create a Swiss-inspired presentation page as a single HTML file, using bold typography and geometric cards. The template includes slide navigation, light and dark themes, accent color cycling, and optional annotation overlays without external runtime dependencies.
Create a short animated quote or mission statement in a single HTML file. White and electric-blue panels meet at the center, a black accent bar grows, and text appears line by line with attribution and brand marks.
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
The English summary is being prepared. Showing the original description.
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
The English summary is being prepared. Showing the original description.
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
The English summary is being prepared. Showing the original description.
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
The English summary is being prepared. Showing the original description.
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
The English summary is being prepared. Showing the original description.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
The English summary is being prepared. Showing the original description.
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
The English summary is being prepared. Showing the original description.
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
The English summary is being prepared. Showing the original description.
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
The English summary is being prepared. Showing the original description.
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
The English summary is being prepared. Showing the original description.
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
The English summary is being prepared. Showing the original description.
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
The English summary is being prepared. Showing the original description.
Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when one system must serve multiple themes. For a single palette use `color-system` (ui-design); for dark mode craft use `dark-mode-design` (ui-design).
The English summary is being prepared. Showing the original description.
Noir art direction for Blender with high-contrast lighting, wet streets, silhouettes, and monochrome or limited-color grading.
The English summary is being prepared. Showing the original description.
Comic book and graphic-novel art direction for Blender with ink-line emphasis, halftone cues, and high-contrast framing.
The English summary is being prepared. Showing the original description.
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
The English summary is being prepared. Showing the original description.
Load this skill whenever the project supports light/dark mode, colour theme switching, high-contrast mode, or responds to prefers-color-scheme. Under no circumstances hard-code colours that break in alternative themes. Absolutely always test colour contrast in both light and dark themes, and respect user OS-level colour preferences via CSS media queries.
The English summary is being prepared. Showing the original description.
Create a narrated editorial explainer from a topic, presenter, or photo using high-contrast paper-collage keyframes, motion, audio, and captions.
The English summary is being prepared. Showing the original description.
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
The English summary is being prepared. Showing the original description.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
The English summary is being prepared. Showing the original description.
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
The English summary is being prepared. Showing the original description.