Skill UI

A comprehensive guide for implementing the "More is More" aesthetic. This style thrives on sensory overload, clashing neon colors, complex layered gradients, and chaotic typography mixes. Use this when the design needs to feel vibrant, intense, and visually dense, perfect for attention-grabbing web or app interfaces.

A sophisticated presentation template designed to mimic the look and feel of a digital magazine or e-ink publication. Featuring a dynamic WebGL liquid background and elegant serif typography, it is perfect for high-impact marketing reports, editorial storytelling, and showcasing rich, visually driven content in an immersive, horizontal scrolling format.

This template provides a highly flexible, fixed-size 1920x1080 canvas for creating professional presentations. Unlike traditional templates, it allows users to arrange content freely, treating each slide like a composable React component. It enforces strict design constraints (typography, color palette, visual hierarchy) to ensure every page maintains a polished, professional, and unique aesthetic, ideal for portfolios and artistic talks.

This template provides a sophisticated, print-ready document aesthetic, simulating expertly typeset paper on a parchment background. It employs a limited, classic color palette (creamy parchment, ink blue accents) and serif typography. Ideal for creating high-fidelity, professional documents like resumes, long reports, one-pagers, business letters, and portfolios, ensuring the final output feels like an archival print piece rather than a typical web dashboard.

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.

This template simulates a hand-drawn, low-fidelity wireframe session on a whiteboard or sketchpad. It includes graph paper backgrounds, marker scribbles, sticky notes, and multiple tabs, making it ideal for early-stage UI/UX brainstorming and capturing initial conceptual ideas.

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.

Create programmatic mathematical and technical animation videos with Manim, the Python animation engine. Use it to render explainer clips, equations, graphs, and 3D scenes into polished MP4 output.

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.

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.