Skill UI

Generates sophisticated, editorial-grade data visualizations inspired by major news publications like The New York Times. Ideal for presenting complex data (CSV/JSON) or key conclusions as single frames or animations for video explainers, social media posts, or data reports. Features clean design, specific typography, and staggered reveal animations.

A professionally designed, minimalist A4 single-page resume template. Features a modern two-column layout (60/40 split) for organizing work experience, skills, and projects. Optimized for printing or PDF export, using clean typography and subtle color accents to highlight professional achievements.

A powerful web prototype template inspired by Swiss Industrial Print aesthetics. This design emphasizes strong, raw, and authoritative visual communication, utilizing monolithic black grotesque typography, large viewport-bleeding numbers, and minimal ASCII decorations. Ideal for designers seeking a high-impact, unpolished, and industrial-themed presentation.

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.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It structures guidelines by defining foundational tokens (color, typography, spacing), detailing component anatomy, interaction states, and adhering to strict accessibility standards (WCAG 2.2 AA). Use it to ensure your design standards are consistent, technically sound, and actionable for engineering and design teams.