Skill UI

A comprehensive guide covering the fundamental principles of interactive entertainment design. This resource details core loop creation, structuring a Game Design Document (GDD), analyzing player psychology (motivation, reward schedules), balancing difficulty (flow state), and designing effective progression systems. It is essential for game developers, product managers, and creative designers planning engaging user experiences.

Leverage the Gamma API to rapidly generate diverse, professional content formats, including interactive presentations, detailed documents, and modern webpages. This skill supports comprehensive parameter control, allowing users to define content, select specific themes, dictate image styles, control text density, and choose output formats (PDF, PPTX, etc.). Ideal for content creators who need to transform raw text prompts into polished, multi-media assets across various professional use cases.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

This framework provides a systematic guide for evaluating and improving user interface usability based on established heuristic principles. It covers core concepts like 'Don't Make Me Think' and 'Get Rid of Half the Words,' helping users conduct detailed usability audits, analyze navigation flow, and optimize copy. Use this when reviewing a product's user experience, addressing user confusion, or performing a formal UX review to enhance clarity and efficiency.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.

Execute a comprehensive creative workflow utilizing the Adobe Firefly v3 API. This tool supports advanced AI image generation from text prompts (text-to-image), generative fill for inpainting masked areas, and image expansion (outpainting) to grow canvas size. Ideal for automating marketing asset creation and building complex creative pipelines.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

This comprehensive guide outlines the core principles for implementing effective and aesthetically pleasing dark mode across multiple platforms. It covers critical rules such as avoiding pure black backgrounds, defining elevation using lightness contrast, and utilizing desaturated accent colors to reduce eye strain. Detailed code examples for Web (CSS), iOS (SwiftUI), and Flutter are provided, ensuring a premium, high-fidelity user experience.

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.

This skill provides comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

This skill analyzes React, Tailwind, or HTML interfaces against a comprehensive design rubric (74 rules). It scores the UI from 0-100, identifying common flaws that make interfaces look generic, unfinished, or "AI-generated"—such as mixed corner radii, poor color discipline, or missing states. It provides a prioritized list of actionable fixes to ensure a polished, professional, and user-centric experience before deployment.