Tools

UI design knowledge base skill: looks up UI styles, palettes, font pairings, charts and UX guidelines by product type and generates a full design system, covering 22 stacks including React, SwiftUI and Flutter. Needs Python 3 locally.

UI/UX design knowledge base plugin with searchable UI styles, color palettes, font pairings, charts and guidelines for 20+ tech stacks; generates complete design system recommendations by product type. Needs Python 3 installed locally.

UI/UX design plugin from the wshobson/agents marketplace with 3 subagents, 9 skills and commands for design review, component creation and accessibility audits, covering design tokens, WCAG 2.2, responsive layout, iOS HIG and Material Design 3 for in-code UI design and review.

Has the agent build a local Next.js editor that turns app screenshots into App Store and Google Play marketing images: real device frames, bold headlines, 18 visual styles, multiple languages and RTL layouts, with one-click export of every required size. Needs Node.js.

Design token build tool: define colors, font sizes, spacing and other design specs in one JSON source, then style-dictionary build generates CSS, SCSS, iOS, Android and other platform code, keeping the design system and implementations in sync. Needs Node.js and a config.json.

Reviews mobile and desktop app designs against Apple's Human Interface Guidelines, bundled as 123 pages from developer.apple.com, citing the exact guideline through five review lenses, and flags generic, templated choices. Works on screenshots, mockups or code for SwiftUI, Flutter or Electron.

Distilled Apple Human Interface Guidelines reference for iOS, iPadOS, macOS, tvOS, visionOS and watchOS, loading the right rules, component specs and measurements per task. Includes a /duo workflow for adapting an iOS app to iPhone Duo and an opt-in enforce mode with independent review.

Official Sleek skill: lets agents design mobile app screens in Sleek, manage projects and take preview screenshots, then pull the design HTML and implement it in React Native or SwiftUI. Needs a Sleek account and API key; free accounts get one trial run, ongoing use needs a paid Pro plan.

Integrates Lottie and dotLottie animations from After Effects into web, iOS, Android and React Native: playback and segment control, scroll- or hover-driven interactivity, runtime theming and recoloring, plus an After Effects export checklist.