Skill UI

Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features

This skill provides a collection of curated micro-interactions, easter eggs, and clever UX patterns designed to elevate standard digital interfaces. Use it when polishing an existing feature or designing unique web behaviors (like hover states, loaders, or transitions) to move beyond generic templates and establish a strong, memorable brand personality. Focus on adding delightful, high-performance details that feel premium.

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 comprehensive guide provides principles for selecting, pairing, and implementing typefaces for optimal web readability. It covers advanced topics such as line height optimization, responsive typography, CSS implementation, and performance best practices. Use this when focusing on improving content legibility for long-form articles, dashboards, or general UI systems.

This skill guides the creation of comprehensive, implementation-ready design system guidelines based on contemporary, minimalist, and high-performance principles. It teaches authors to structure documentation covering design tokens, component anatomy, interaction states, and crucially, adhering to WCAG 2.2 AA accessibility standards, ensuring consistency and usability for both designers and engineers.

A comprehensive guideline for building modern, high-performance, and accessible UI/UX components using a flat, minimalist design philosophy. It defines foundational tokens (colors, spacing, typography), strict rules for component states (hover, focus, error), and adherence to WCAG 2.2 AA standards for engineers and designers.

A comprehensive mobile design skill enforcing mobile-first, touch-first, platform-respectful principles. It includes a feasibility risk index, mandatory thinking before work, reference reading requirements, and hard bans on performance, UX, and security anti-patterns. Ideal for designing or building mobile apps with optimal user experience and performance.