Skill UI

This skill prevents AI coding agents from generating generic interfaces by leveraging over 800,000 real web and iOS screens. It helps define design contracts, cover required states, and enforce quality gates during design, implementation, or review. Compatible with agents like Cursor, Copilot, and Claude Code, it ensures product-specific UIs grounded in actual user experience rather than hallucinated patterns.

Provides opinionated, evolving constraints to guide agents when building interfaces. Helps identify high-impact design problems and propose implementation-ready improvements.

This skill enables agents to search and fetch high-quality, free professional photography from Unsplash for websites, apps, and marketing materials. It helps replace generic placeholders with premium visual assets, ensuring a modern aesthetic through intentional keyword search, filtering, and dynamic image resizing via API.

Design and build all UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied, and success. Use when making screens production-ready and handling edge cases.