Skill UI

This comprehensive skill provides expert guidelines for authors building a Retro-themed design system. It establishes foundational rules, including high-contrast color palettes, expressive typography scales (e.g., Macondo), and structured spacing tokens. It ensures strict adherence to WCAG 2.2 AA accessibility standards and outlines a rigorous workflow for component development, allowing engineers and designers to build consistent, visually rich, and usable UIs with a unique vintage flair.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

A comprehensive style guide and implementation toolkit for achieving authentic vintage aesthetics, inspired by 60s-80s retro design. It covers core principles like warm, muted color palettes, subtle noise textures, and classic typography pairings. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to recreate the analog, nostalgic feel in modern applications.

A cinematic template designed for creating high-impact title screens and video transitions. Perfect for cyberpunk, sci-fi, or technological narratives, it simulates digital data corruption, chromatic aberration, and CRT noise to give a powerful, vintage-digital aesthetic.

Generate highly cinematic and vintage-styled opening frames or chapter cards for films and documentaries. This template simulates the authentic look of analog film using light leak effects, 35mm grain noise, and classic letterboxed aspect ratios (2.39:1 or 16:9). Perfect for giving your video project an immediate, professional, and nostalgic film quality.

A professional poster template designed in the style of a Sunday newspaper or magazine editorial. It features a vintage newsprint aesthetic, oversized serif headlines, a two-column body layout, and structured numbered sections, making it ideal for marketing campaigns, manifestos, or detailed product launches.