Skill UI

Comprehensive web and mobile design intelligence offering prioritized UX rules, 50+ styles, color palettes, typography pairings, and chart guidance to inform component design, accessibility checks, and landing/dashboard reviews.

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

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.

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.

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.