Skill UI

This skill acts as a Master Design Alchemist, transforming raw ideas, rough drafts, or ordinary products into unforgettable digital experiences. It integrates Product Thinking, advanced UI engineering, cognitive psychology, and storytelling principles to ensure radical simplicity and impeccable execution, mimicking the quality of industry leaders like Apple or Jobs. Ideal for defining product narratives and crafting killer, signature interactions.

This skill provides seamless integration with Unsplash, offering access to a massive, curated collection of high-quality, free-to-use professional photography. It is essential for elevating the visual quality of websites, apps, and marketing designs. Use it to source artistic, premium imagery for hero sections, product galleries, and editorial layouts, eliminating the need for generic placeholders and cliché stock photos.

Vizcom is an advanced AI platform designed to accelerate the product ideation and visualization process. It transforms rough inputs, such as hand-drawn sketches, basic line art, or simple text descriptions, into high-fidelity, photorealistic 3D renders. It is ideal for concept generation in physical products like furniture, electronics, and consumer goods, allowing designers to explore aesthetic variations and generate stunning marketing visuals.

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.

This framework outlines the 'Hook Model' (Trigger, Action, Variable Reward, Investment) for building deeply engaging, habit-forming product loops. It guides designers in optimizing user retention, understanding behavioral psychology, and structuring product features to move users from deliberate usage to automatic, routine behavior. Use it for onboarding, feature design, and improving long-term user stickiness.

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 skill guides the creation of world-class, immersive web designs, aiming for Awwwards-level quality. It emphasizes intentional typography, purposeful motion, and sophisticated visual composition. Users can leverage the detailed scoring rubric (Typography, Composition, Motion, etc.) to review and elevate existing designs, ensuring every pixel is deliberate and performance-optimized.

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.

Guides frontend designer-engineers to deliver memorable, production-ready interfaces by defining an aesthetic stance, scoring feasibility with DFII, and translating every intentional decision into code, typography, motion, and texture.

This skill is deprecated and superseded by /paper-poster-html. It was designed to generate academic posters using legacy LaTeX pipelines. Users must immediately switch to the updated HTML/CSS pipeline for current functionality and to avoid errors. Do not use this skill for new posters.

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.