Plugins

12 plugins

Component Spec and Pattern Library

Document component anatomy, variants, and usage patterns for consistent implementation.

5 skills · plugin

Interaction Design

Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.

16 skills · plugin

Backend Framework Patterns

For developers building production-grade backends with NestJS, Spring Boot, or Ktor, covering architecture patterns and best practices.

7 skills · plugin

Skills for Blazor development: component authoring, interactivity, and web application patterns.

9 skills · plugin

C#/.NET development skills including refactoring, testing, async patterns, documentation, and NuGet management

7 skills · plugin

Plugin Optimizer

Validates and optimizes Claude Code plugins against official best practices and file patterns

2 skills · plugin

Deploy GKE Cluster

Creates a GKE cluster, configures networking, sets up observability, and applies reliability patterns.

5 skills · plugin

Dotnet Aspnetcore

ASP.NET Core web development skills including middleware, endpoints, real-time communication, and API patterns.

4 skills · plugin

Create Design System Documentation

Generate component specifications, pattern library entries, and design system documentation for UI consistency.

8 skills · plugin

React Motion UI System

Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.

5 skills · plugin

UX strategy skills: information architecture, content strategy, navigation patterns, user flows, task analysis, and competitive UX audits.

12 skills · plugin

Migrate Legacy SDK

Migrate from a legacy SDK to a new version using mapping tables, deprecation patterns, and verification.

3 skills · plugin

Results for “pattern”

59 skills

Feedback Patterns

Design feedback patterns for user actions, including confirmations, status updates, and notifications.

Navigation Patterns

Select and design navigation patterns that match product structure, user tasks, and platform conventions.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.

Provides opinionated, evolving constraints and patterns to guide AI agents when building user interfaces.

Motion Patterns

Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.

More results

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

iamanacarolinarezende

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.

50.9k · bundle

Apple Design Analysis

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

50.9k · bundle

Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Gesture Patterns

Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.

Airbnb Design Analysis

Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.

50.9k · bundle

Airtable Design Analysis

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

50.9k · bundle

Openfoodjournal UI

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

Hp Design Analysis

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

50.9k · bundle

Hyperframes Creative

Provides creative direction for HyperFrames videos, handling design specs, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

Stripi Inspired Design Analysis

Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.

50.9k · bundle

Nike Design Analysis

Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.

50.9k · bundle

Nvidia Design Analysis

Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.

50.9k · bundle

Framer Design Analysis

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

50.9k · bundle

Ollama Design Analysis

Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

50.9k · bundle

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.

Together AI Inspired Design Analysis

Analyzes and documents the design system of Together AI's website, extracting colors, typography, and surface patterns for use in design projects.

50.9k · bundle

Critique Information Density

Evaluate a screen's information density by analyzing cognitive load, content prioritization, scanning patterns, and progressive disclosure, with actionable fixes for each dimension.

Scans a codebase to extract design tokens, typography, colors, spacing, and brand patterns, then writes a Design Context section to CLAUDE.md without asking questions.

Design Resources

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

Frontend Design

Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

42.4k · bundle

Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Visual Hierarchy

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Law Of Common Region

Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.

Figma Design Analysis

Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

50.9k · bundle