Skill UI

Build immersive, cinematic, and premium 2.5D interactive websites using advanced scroll storytelling, parallax depth, and text animations. This skill simulates high-end web design effects (like Apple's product pages) using only static assets, CSS, and JavaScript, eliminating the need for WebGL or complex 3D software. Use it for landing pages, product sites, and any section requiring a deep, cinematic feel.

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

This skill applies principles of behavioral psychology and choice architecture to redesign user experience (UX) flows. It is used when a product's conversion friction is rooted in interaction design, not just copy. By auditing cognitive load, defining optimal default paths, and inserting strategic commitment points, it guides users toward desired actions ethically, maximizing commitment while preserving autonomy. Ideal for improving onboarding, checkout funnels, and complex decision-making sequences.

This skill acts as a Visual Psychologist and Environmental Researcher, guiding the systematic mapping of visual elements—including color, typography, spacing, and imagery—to desired emotional states and conversion goals. It ensures that design decisions are strategic, supporting persuasion and brand narrative rather than merely being decorative. Use it when you need visuals to evoke a specific feeling (e.g., trust, urgency, calm) for a defined target audience, while respecting cultural and accessibility constraints.

A comprehensive skill for generating non-generic, professional frontend interfaces, perfect for landing pages, portfolios, and product redesigns. This agent enforces a strict design methodology: reading the user's brief (audience, vibe, constraints) first, configuring global design dials (variance, motion, density), and recommending real, industry-standard design systems (like Material or Fluent UI) to ensure the output is always polished and contextually appropriate.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

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 skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

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.

A specialized skill for creating modern, responsive research posters using HTML and CSS. This output can be exported to PDF or converted into a PowerPoint (PPTX) format. It is designed for users who explicitly require a PPTX format, offering superior visual flexibility and easy integration of AI-generated schematics. It adheres to strict academic poster design guidelines, ensuring high readability from a distance.

A comprehensive skill for generating visually engaging, scientifically rigorous slide decks for academic talks. It guides users through planning, structuring content, and ensuring design consistency for conferences, thesis defenses, and research seminars. Supports integrating complex figures and citations into professional PDF presentations.