Plugins
12 plugins@owl-listener
Interaction Design
Interaction design skills: micro-interactions, animation principles, state machines, gesture patterns, error handling UX, and feedback patterns.
16 skills · plugin
curated
Backend Framework Patterns
For developers building production-grade backends with NestJS, Spring Boot, or Ktor, covering architecture patterns and best practices.
7 skills · plugin
@dotnet
Dotnet Blazor
Skills for Blazor development: component authoring, interactivity, and web application patterns.
9 skills · plugin
@atc-net
Dotnet
C#/.NET development skills including refactoring, testing, async patterns, documentation, and NuGet management
7 skills · plugin
curated
Component Spec and Pattern Library
Document component anatomy, variants, and usage patterns for consistent implementation.
5 skills · plugin
@fradser
Plugin Optimizer
Validates and optimizes Claude Code plugins against official best practices and file patterns
2 skills · plugin
curated
Deploy GKE Cluster
Creates a GKE cluster, configures networking, sets up observability, and applies reliability patterns.
5 skills · plugin
@dotnet
Dotnet Aspnetcore
ASP.NET Core web development skills including middleware, endpoints, real-time communication, and API patterns.
4 skills · plugin
curated
React Motion UI System
Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.
5 skills · plugin
@owl-listener
UX Strategy
UX strategy skills: information architecture, content strategy, navigation patterns, user flows, task analysis, and competitive UX audits.
12 skills · plugin
curated
Migrate Legacy SDK
Migrate from a legacy SDK to a new version using mapping tables, deprecation patterns, and verification.
3 skills · plugin
@microsoft
Azure SDK Python
Azure SDK patterns and best practices for Python developers covering AI, storage, identity, monitoring, messaging, and management libraries.
40 skills · plugin
Results for “patterns”
59 skillsfeedback-patterns
Design feedback patterns for user actions, including confirmations, status updates, and notifications.
1.7k
navigation-patterns
Select and design navigation patterns that match product structure, user tasks, and platform conventions.
1.7k
pixel-research
Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.
0
ui-skills
Provides opinionated, evolving constraints and patterns to guide AI agents when building user interfaces.
42.4k
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.
226k
ui-pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
More results
extract
Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.
61
ui-page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
0
tesla
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
loading-states
Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.
1.7k
gesture-patterns
Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.
1.7k
skill-test
Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.
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.
3
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.
· bundle
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
taste-design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
0 · bundle
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.
1.7k
design-setup
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.
13
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.
2 · bundle
frontend-design
Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.
2 · bundle
shadcn
Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.
42.4k · bundle
ui-page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
3
motion-ui
Implements accessible, performant UI motion for React and Next.js apps, covering tokens, patterns, and modal behavior.
1
ui-page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
42.4k
visual-hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
1.7k
law-of-common-region
Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.
1.7k
figma-design-analysis
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
50.9k · bundle