Skill UI

This framework analyzes foundational design principles—such as affordances, signifiers, and conceptual models—to create products that are highly intuitive and discoverable. It guides analysis by bridging the 'Gulf of Execution' and the 'Gulf of Evaluation.' Use this when diagnosing confusing user interfaces, poor usability, or needing to ensure a product is robustly human-centered and easy to understand.

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.

A comprehensive skill for generating multimodal media content using fal.ai models. It supports text-to-image (Nano Banana), text/image-to-video (Veo, Kling, Seedance), and text/video-to-audio (CSM-1B, ThinkSound). Use this tool for any creative project requiring high-quality generated images, videos, or sound effects.

NOTE: This skill is DEPRECATED and should no longer be used for creating new posters. The functionality has been superseded by /paper-poster-html. Users must immediately migrate to the new HTML/CSS pipeline for accurate, measurement-gated poster generation, avoiding the legacy LaTeX flow.

Guidelines for crafting industrial brutalist interfaces that merge Swiss print and military terminal aesthetics, emphasizing rigid grids, stark typography, utilitarian color, and analog degradation for data-heavy dashboards or editorial sites.

Protocol for crafting premium utilitarian editorial-style interfaces with warm monochrome palettes, flat bento grids, muted pastels, strict typography, and very restrained motion for high-end workspace-like frontends.

This skill allows users to generate and edit high-quality, general-purpose images using advanced AI models like FLUX.2 and Gemini. It is suitable for creating photorealistic images, artistic illustrations, concept art, marketing visuals, and general visual assets. Note that this tool is designed for creative content, not technical schematics or diagrams.

This advanced skill generates professional, publication-quality infographics using AI. It integrates Perplexity Sonar for accurate data research, Nano Banana Pro for design generation, and Gemini 3.6 Flash for smart quality review and iteration. Ideal for creating marketing materials, business reports, social media content, and complex data visualizations with minimal design skill required.

This expert acts as a Design Systems Lead and Prompt Engineer for creating high-fidelity, consistent UI designs. It transforms vague ideas into structured specifications by enhancing prompts with professional UI/UX terminology, synthesizing design system source files, and managing multi-step generation and editing workflows using the Stitch MCP.

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.

This skill is designed to comprehensively edit and improve existing articles. It first analyzes the content, dividing it into logical sections based on headings and considering the dependencies between information points. Subsequently, it rewrites each section to enhance clarity, coherence, and flow, ensuring the prose is tighter and more professional. Use this when you need to revise a draft, academic paper, or long-form content.

This expert assistant specializes in creating, generating, editing, and optimizing professional visual assets for marketing campaigns. Whether you need blog heroes, social media graphics, product mockups, or brand banners, it guides you through selecting the right AI model (e.g., Gemini, Midjourney, Ideogram) or design workflow (e.g., Figma, Canva). It provides best practices for prompting, consistency, and web optimization, ensuring high-quality, brand-compliant visuals every time.