Skill UI

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.

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

Execute a comprehensive creative workflow utilizing the Adobe Firefly v3 API. This tool supports advanced AI image generation from text prompts (text-to-image), generative fill for inpainting masked areas, and image expansion (outpainting) to grow canvas size. Ideal for automating marketing asset creation and building complex creative pipelines.

Create highly aesthetic, animation-rich HTML presentations from scratch or convert existing PowerPoint files (PPT/PPTX). This tool focuses on generating distinctive, professional web decks with fixed 16:9 ratios. It supports low-density for keynote talks or high-density for detailed reports, ensuring visual impact and zero dependencies.

Expert in building immersive scroll-driven experiences including parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Ideal for creating engaging websites that feel like experiences, using tools like GSAP ScrollTrigger and Framer Motion.

This skill enables you to create interface designs, wireframes, and comprehensive design systems. It covers user research methodologies, accessibility standards like WCAG, and modern design tools such as Figma. The expert specializes in design tokenization, component libraries, and cross-platform consistency. Capabilities include usability testing, information architecture, visual design, interaction design, and design system governance. Ideal for building accessible, user-centered digital experiences across web, mobile, and desktop platforms.