Skill UI

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 design system guideline author for the Roku brand. It provides structured, implementation-ready guidance covering style foundations, component anatomy, accessibility (WCAG 2.2 AA), and advanced authoring workflows. It ensures consistent, developer-first UX/UI design principles for modern dashboards.

This expert skill generates comprehensive, implementation-ready documentation for the Stitch design system. It covers style foundations, semantic tokens, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards. Ideal for ensuring visual consistency and creating robust, enterprise-grade user experiences across data-driven applications and AI workflows.

This skill guides authors on positioning their research for the ACM International Conference on Tangible, Embedded, and Embodied Interaction (TEI). It functions as a venue-selection and re-framing tool, helping authors structure manuscripts (moving from general CS/journal style to a specialized tangible interaction narrative). It covers scope fit, evidence requirements, and distinguishing TEI from similar HCI conferences.

A comprehensive guide for authors targeting ACM SIGACCESS Conference on Computers and Accessibility (ASSETS). This skill helps determine manuscript fit, provides strategies for re-framing work from other disciplines (e.g., journal or arXiv style), and details the required evidence (e.g., community-grounded framing, ethical evaluation) needed to succeed in this specialized venue. Use it for venue selection, scope calibration, and submission readiness checks for accessible technology research.

A comprehensive guide detailing the stringent standards and best practices for creating high-quality scientific figures for chemistry journals, specifically following the guidelines of the Journal of the American Chemical Society (JACS). Covers everything from reaction schemes and mechanism diagrams to NMR/IR spectra, crystal structures, and creating impactful Table of Contents (TOC) graphics, ensuring clarity, consistency, and adherence to academic publishing conventions.

Domain knowledge for producing step-by-step Chinese math tutorial videos. Covers problem decomposition, five-part lesson pacing, voiceover narration rules, KaTeX-style formula layout, subtitle timing, and Creator-native implementation using motion clips, audio scripts, and overlay captions.

This comprehensive guide defines a structured, multi-stage workflow for generating, sourcing, and validating all visual game assets. It covers everything from establishing art direction and style guides to managing technical specifications (resolution, scale, compression), and integrating assets into game engines. Use this for planning sprites, UI elements, concept art, and 3D models to ensure visual consistency and production readiness.

A comprehensive guide for implementing Brutalist Typography aesthetics across web and mobile platforms. This style intentionally breaks traditional design rules, utilizing massive system fonts, clashing colors (Black, White, Red), and aggressive layouts (overlapping, negative margins) to create a raw, attention-demanding, and unapologetic visual experience. Includes detailed CSS, SwiftUI, Flutter, and React Native examples.

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive style guide for building mission control, NOC dashboards, and global monitoring systems. This theme utilizes dark mode, glowing accents (cyan, amber, red), and complex data visualization elements to simulate a high-stakes, real-time operational environment across web, iOS, and Flutter platforms.