Skill UI

Create a single-file HTML presentation deck in an editorial magazine and e-ink style, with swipe navigation, WebGL fluid backgrounds, serif headlines, sans-serif body text, and modular layouts for talks, launches, and shareable presentations.

An expert skill designed to author comprehensive, implementation-ready design system guidelines for editorial content like books, magazines, and reports. It structures visual language across tokens, typography, spacing, and component states, while rigorously adhering to WCAG accessibility standards and defining clear content tone and anti-patterns for developers and designers.

Creates a single-file, horizontally swiping web presentation (HTML) with professional, magazine-quality aesthetics. Offers two distinct styles: 'Magazine x E-Ink' (serif, fluid background) for humanistic content, and 'Swiss International Style' (sans-serif, grid, high contrast) for data and tech reporting. Ideal for shareable web decks, keynotes, and product launches.

A comprehensive, implementation-ready guideline for creating a modern, editorial design system tailored for books, magazines, and reports. This skill defines foundational constraints, including typography scales, color tokens, spacing rhythm, and accessibility standards (WCAG 2.2 AA), ensuring visual consistency across all digital and print media.