Skill UI

A comprehensive guide for creating a robust design system based on perspective techniques. It details foundational tokens (color, typography, spacing), component rules (states, variants), and accessibility criteria (WCAG 2.2 AA). Use this skill to ensure scalable, realistic, and highly usable UI components with structured implementation.

This skill acts as an expert guide for developing comprehensive, implementation-ready design systems with a premium, Apple-inspired aesthetic. It provides detailed guidelines covering foundational tokens (color, spacing, typography), component anatomy, interaction states, advanced accessibility standards (WCAG 2.2 AA), and structured authoring workflows, ensuring consistency and polish across all digital products.

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.

This skill converts a structured markdown file containing multiple slides into a single, self-contained, interactive HTML presentation. It supports advanced presentation features such as Presenter Mode (with speaker notes, clock, and next slide preview), URL-hash deep linking, and print-to-PDF functionality. Ideal for creating professional, browser-based slide decks directly from simple markdown source.

This skill provides a rigorous, multi-layered audit for User Interfaces, proving layout balance and usability beyond subjective judgment. It combines a deterministic spatial audit (calculating centroid, optical-center, and pixel-oracle balance via explicit math) with a professional usability review based on Nielsen's 10 heuristics, conducted by a separate 'fresh-eyes' judge. Ideal for catching misaligned or poorly structured AI-generated designs.

This skill performs a systematic, visual, and structural audit of PowerPoint presentations. It checks for layout flaws, text overflow, style inconsistencies, and weak visual hierarchy. Ideal for QAing a deck before a meeting, ensuring readability for specific audiences (e.g., executives, clients), and pinpointing precise fixes with severity ranking.

A comprehensive skill that automates the entire process of creating professional, production-ready thumbnails for articles or newsletters. It reads the article copy, proposes multiple composition concepts (e.g., bold claim, conceptual object), writes tailored prompts, calls the Gemini API for image generation, and evaluates the results using computer vision, returning ranked candidates with rationale.

A comprehensive, all-in-one design skill covering the entire creative lifecycle. Features include building brand identity, defining design tokens, UI styling with Tailwind/shadcn/ui, sophisticated logo generation (AI-powered), Corporate Identity Program (CIP) mockups, professional pitch decks, multi-platform banner design, and social media image creation. It acts as a unified hub for professional graphic and digital assets.

Create highly aesthetic, animation-rich HTML presentations from scratch or convert existing PowerPoint files (PPT/PPTX). This tool focuses on generating distinctive, professional web decks with fixed 16:9 ratios. It supports low-density for keynote talks or high-density for detailed reports, ensuring visual impact and zero dependencies.

Creates a manifesto-style slide deck from an outline or markdown source without rewriting, reordering, or condensing content. Ideal for bold speeches, keynote decks, and poster-like presentations with a single theme color.

A comprehensive, single-page template for marketing SaaS products. It includes all essential sections—Hero, Features, Pricing tiers, Social Proof, and CTA—designed with modern aesthetics like gradients and glassmorphism. Ideal for product launches and digital marketing campaigns.

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.