Skills tagged: design-system

• ui-visual-validator - UI visual validation and accessibility verification.

  ui-testingvisual-validationdesign-systemaccessibility

  ★ 17 · Updated 2026-09-22

  Validates UI modifications, design system compliance, and accessibility standards through systematic visual analysis.

  ⚙ Analyze UI screenshots⚙ Detect visual diffs⚙ Verify cross-browser consistency
• brand-styler - Apply house visual identity to slide decks

  presentationbrandingdesign-systempowerpoint

  ★ 0 · Updated 2026-09-22

  Applies house visual identity rules including palette, typography, layout grid, and minimal decoration to slide decks using swappable brand packs.

  ⚙ Apply brand identity to slide decks⚙ Format slide typography and layout⚙ Add new company brand pack
• penpot-uiux-design - Guide for Penpot UI/UX design using MCP tools.

  penpotui-designux-designmcp-tools

  ★ 0 · Updated 2026-09-22

  Provides rules and workflows for creating UI/UX designs, components, and design systems in Penpot via MCP tools.

  ⚙ Execute code in Penpot context⚙ Export shapes as PNG or SVG⚙ Import images into Penpot designs
• stave-design-system - Stave desktop-first design system guidelines

  design-systemuishadcnstave

  ★ 4 · Updated 2026-09-22

  Applies Stave desktop-first design system and shadcn components for UI, layout, theme, and visual UX tasks.

  ⚙ Apply Stave desktop design system⚙ Use existing shadcn components⚙ Generate missing shadcn components
• better-interface - Review the interface as one system

  interface-reviewui-auditdesign-systemaccessibility

  ★ 9 · Updated 2026-09-22

  Coordinates six domain skills for a holistic, cross-discipline interface review across accessibility, layout, writing, typography, color, and UI polish.

  ⚙ Resolve review scope and mode⚙ Inspect framework and design conventions⚙ Coordinate domain-specific design reviews
• ui-styling - Create accessible user interfaces with shadcn/ui and Tailwind

  ui-stylingshadcn-uitailwind-cssradix-ui

  ★ 0 · Updated 2026-09-22

  Provides components, utility styling, and canvas visual design patterns for building accessible responsive user interfaces and design systems.

  ⚙ Install shadcn/ui components⚙ Style UIs using Tailwind CSS⚙ Build responsive mobile-first layouts
• design-system-patterns - Design System Patterns

  design-systemdesign-tokensthemingcomponent-architecture

  ★ 0 · Updated 2026-09-21

  Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

  ⚙ Create design tokens⚙ Implement theme switching⚙ Build multi-brand theming systems
• cc-design - High-fidelity HTML design and visual prototype creation

  ui-designhtml-prototypeslide-decklanding-page

  ★ 831 · Updated 2026-09-21

  Designs and builds high-fidelity HTML visual artifacts including slides, interactive prototypes, UI mockups, animations, and design systems.

  ⚙ Build high-fidelity HTML visual prototypes⚙ Create interactive animations and slide decks⚙ Design UI mockups and landing pages
• add-design-library-item - Add a new item to the design pattern library

  design-systematomsreact-nativetailwind

  ★ 0 · Updated 2026-09-21

  Creates design library atoms, variants, or tokens, configures gallery entries and tests, and verifies build before product code consumption.

  ⚙ Confirm nonexistence of library items⚙ Create new atom components⚙ Add atom variants
• ui-ux-frontend-basics - UI/UX basics for frontend pages and components

  ui-uxfrontendlayouttypography

  ★ 0 · Updated 2026-09-21

  Applies practical UI/UX guidelines when designing or polishing frontend pages and components.

  ⚙ Classify UI surface types⚙ Establish visual hierarchy⚙ Apply spacing scales
• ui-ux-pro-max - UI/UX design intelligence database and stack guidelines.

  ui-uxdesign-systemfrontendguidelines

  ★ 18 · Updated 2026-09-21

  Provides searchable UI styles, color palettes, font pairings, UX guidelines, and stack-specific best practices via a Python search script.

  ⚙ Search design domains⚙ Search stack guidelines⚙ Analyze user UI requirements
• ui-ux-pro-max - UI/UX Pro Max Design Intelligence

  ui-uxdesign-systemfrontendtailwind

  ★ 602 · Updated 2026-09-20

  Provides a searchable database and guidelines for UI styles, color palettes, font pairings, chart recommendations, UX best practices, and frontend stacks.

  ⚙ Search UI style guides⚙ Search color palettes⚙ Search typography font pairings
• design-taste - Design and polish web interfaces with elite taste

  ui-designfrontendcsstypography

  ★ 58 · Updated 2026-09-20

  Builds, reviews, and polishes web interfaces using frontend design engineering principles, design rules, motion craft, and anti-pattern detection.

  ⚙ Design web interfaces⚙ Review UI code⚙ Polish styling and motion
• liquid-glass-design - iOS 26 Liquid Glass design system patterns and guidance.

  ios-26liquid-glassswiftuiuikit

  ★ 0 · Updated 2026-09-20

  Guides implementation of Liquid Glass dynamic material, blurs, and morphing transitions in SwiftUI, UIKit, and WidgetKit for iOS 26.

  ⚙ Implement basic SwiftUI glass effects⚙ Configure glass shapes and tints⚙ Apply glass button styles
• ferrox-frontend-design - Frontend design guidance for building and restyling UI

  frontendui-designdesign-systemferrox

  ★ 23 · Updated 2026-09-20

  Guides building or restyling frontend UI surfaces including web pages, components, and dashboards using project contracts and global design knowledge.

  ⚙ Initialize project design contract⚙ Search design knowledge base⚙ Plan design tokens
• minimax-pdf - Generate, fill, and reformat high-quality PDF documents.

  pdfdocument-generationpdf-fillerreformat

  ★ 0 · Updated 2026-09-20

  Creates styled PDFs from content, completes form fields in existing PDFs, and reformats documents using a token-based design system.

  ⚙ Generate new PDFs from scratch⚙ Fill form fields in PDFs⚙ Inspect PDF form fields
• ui-design-brain - Generate production-grade UI components and web interfaces.

  ui-designcomponentsreacttailwind-css

  ★ 885 · Updated 2026-09-19

  Provides design guidelines and component patterns from 60+ UI components to generate production-grade web interfaces and code.

  ⚙ Identify required UI components⚙ Apply UI component best practices⚙ Select design style presets
• demo-ui-tokens - Monochrome design system CSS tokens reference for demo UI

  cssdesign-systemui-tokensstyling

  ★ 37 · Updated 2026-09-19

  Provides complete CSS custom property token reference for colors, spacing, typography, and layout in demo UI styling.

  ⚙ Reference color tokens⚙ Reference spacing increments⚙ Reference typography specifications
• ui-architect - Design component architecture for legaltech UIs

  ui-architecturelegaltechcomponent-designdesign-system

  ★ 18 · Updated 2026-09-19

  Designs component architecture, layer separation, data flow, and design system selection for legaltech products.

  ⚙ Gather product context and user journeys⚙ Select suitable design system variants⚙ Define product architectural layers
• acd-remix-notion-x-duolingo-design - Notion × Duolingo Education SaaS Design Mode

  design-systemuiremixclaude-design

  ★ 9 · Updated 2026-09-19

  Applies Notion × Duolingo design tokens, visual styles, and UI component patterns for education platforms.

  ⚙ Build UI components⚙ Apply design tokens⚙ Implement visual styles

Scroll to load more