Skill UI

Common AWS CDK patterns and constructs for building cloud infrastructure with TypeScript, Python, or Java. Use when designing reusable CDK stacks and L3 constructs.

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.

Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

Guides creation of production-grade interfaces with a bold aesthetic direction, ensuring typography, color, layout, and motion choices remain intentional and unforgettable for any web component or page request.

This guide provides comprehensive principles and best practices for designing user interface components according to Apple's Human Interface Guidelines (HIG). It covers various components, including menu bars, context menus, toolbars, pop-up buttons, and pull-down controls. It emphasizes creating predictable, consistent, and platform-appropriate user experiences across macOS, iOS, and other Apple platforms, ensuring optimal user flow and discoverability.

A comprehensive guide to Apple's Human Interface Guidelines (HIG) for system-level components. It covers best practices for making app content visible and actionable outside the main app shell, including Widgets, Live Activities, Notifications, Complications, App Clips, and Shortcuts. Learn how to design for glanceability, respect platform constraints, and maintain user engagement on various Apple operating systems.

Visits target URLs to capture screenshots and inspect pages, then extracts palettes, typography, layouts, and repeatable UI patterns so design teams can document inspiration for new projects.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

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

Research current UI/UX visual trends from Dribbble and related design communities to inform color, typography, layout, and interaction choices before starting a project.

Toolkit for senior UX researchers to generate data-backed personas, map customer journeys, plan usability tests, and synthesize insights into actionable design recommendations across product experiences.