Interface Design

by @auto-skiller · plugin · 11 skills

Interface Design from Auto-Skiller/plugboot.

Install the whole plugin (CLI)

npx skillmds add auto-skiller/brand
npx skillmds add auto-skiller/design
npx skillmds add auto-skiller/sketch
npx skillmds add auto-skiller/slides
npx skillmds add auto-skiller/ui-styling
npx skillmds add auto-skiller/banner-design
npx skillmds add auto-skiller/design-system
npx skillmds add auto-skiller/ui-ux-pro-max
npx skillmds add auto-skiller/quality-review
npx skillmds add auto-skiller/design-an-interface
npx skillmds add auto-skiller/liquid-glass-design

⬇ Download

Skills in this plugin

▌
brand · auto-skiller bundle
Defines brand identity, voice, messaging, and visual standards, with scripts to inject brand context, validate assets, extract colors, and sync guidelines to design tokens.

1
repo stars
▌
design · auto-skiller bundle
Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.

1
repo stars
▌
sketch · auto-skiller
Builds interactive HTML sketches with working states, transitions, and a shared CSS theme system for design exploration.

1
repo stars
▌
slides · auto-skiller bundle
Designs strategic HTML presentations with data visualization, layout patterns, and copywriting formulas for marketing and pitch decks.

1
repo stars
▌
ui-styling · auto-skiller bundle
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

1
repo stars
▌
banner-design · auto-skiller bundle
Designs banners across social, ad, web, and print formats, generating multiple art direction options with AI-generated visuals and HTML/CSS composition.

1
repo stars
▌
design-system · auto-skiller bundle
Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.

1
repo stars
▌
ui-ux-pro-max · auto-skiller bundle
Generates design systems and UI/UX recommendations for React Native projects, with domain-specific searches for styles, colors, typography, and best practices.

1
repo stars
▌
quality-review · auto-skiller
Analyzes type design for encapsulation, invariant expression, usefulness, and enforcement, providing scores and improvement suggestions.

1
repo stars
▌
design-an-interface · auto-skiller bundle
Generates multiple radically different interface designs for a module, compares them, and synthesizes the best approach.

1
repo stars
▌
liquid-glass-design · auto-skiller bundle
Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.

1
repo stars