Skill UI

Design and refine readable, trustworthy dashboards using Few and Tufte visual principles, Shneiderman's overview-zoom-details layout, actionable guidance, and proper comment etiquette.

Query Microsoft Fabric and Power BI semantic models with DAX to build trustworthy dashboards: reuse governed measures, design KPIs with target and trend, wire crossfiltering, and test queries with an execute-inspect-fix loop.

AI Elements is a component library built on shadcn/ui designed to help developers build AI-native applications faster. It provides pre-built components for conversations, messages, tool displays, and prompt inputs. Ideal for creating chatbots, AI assistants, or any AI-powered chat interface. Supports React and Next.js with easy CLI installation and full customization options using Tailwind CSS.

Guides production frontend design and UI/UX review using Better Design MCP, covering components, design systems, accessibility, responsive layouts, motion, and cross-platform interfaces.

A repeatable method for writing plain-language design-reading books and articles about why systems are built as they are, using a two-layer skeleton: an everyday analogy first, then formal mechanisms, boundaries, and costs.

Gates a UI screen before it ships: lints source for inert handlers, placeholder copy and removed focus rings, checks loading/empty/error state coverage, and audits the rendered page for WCAG 2.2 AA contrast, focus, reflow and target-size failures.

This skill drafts technical design documents section-by-section based on brainstorm concepts or user notes. It guides users through the Elephant-Goldfish (EGM) feature flow after requirements alignment. The skill enforces artifact-first delivery, plain English communication, and rigorous stress-testing of ideas. It ensures design decisions are made by the author with clear trade-offs, avoiding flattery and ensuring objective scrutiny before agreement.

This skill enables developers to build purposeful web animations using appropriate tools like CSS transitions, WAAPI, or Motion libraries. It emphasizes performance, accessibility with reduced-motion support, and strict design philosophy to ensure animations enhance user experience without unnecessary overhead. It guides decisions on when to animate and which properties to use for smooth GPU-accelerated motion.

Apply Apple's fluid interface principles to web UI: instant press feedback, 1:1 gesture tracking, interruptible spring animations, velocity handoff, depth, typography and accessibility.