Plugins
4 pluginscurated
Design System Foundation
Create design tokens, principles, and naming conventions for a new design system.
16 skills · plugin
@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
Build MVP from Idea
Build an MVP by validating the idea, planning the build, and executing with lean principles.
4 skills · plugin
curated
Idea to MVP
Processize an idea into a manual workflow, then build a minimal MVP using lean startup principles.
5 skills · plugin
Results for “principles”
33 skillsdesign-principles
Define a set of actionable design principles that guide decision-making and resolve trade-offs.
1.7k
animation-principles
Apply animation principles to UI motion for purposeful, polished interactions.
1.7k
claude-design-principles
Provides a structured checklist of design principles and rules to produce grounded, non-generic UI/HTML/slide outputs by gathering context, offering multiple variants, and avoiding AI-slop patterns.
17 · bundle
design-rationale
Write clear design rationale that connects decisions to user needs, business goals, and principles.
1.7k
design-is
Audits a design against Dieter Rams' ten principles, scores each with evidence, and produces a verdict with a handoff prompt for new, refined, or redesigned output.
critique-composition
Analyze the spatial and structural qualities of a screen design, evaluating balance, whitespace, rhythm, and gestalt principles to identify compositional weaknesses and propose specific fixes.
1.7k
More results
distill
Simplify UI designs by removing unnecessary complexity, clarifying hierarchy, and focusing on essential elements.
61
3d-games
Provides principles for 3D game development, covering rendering pipelines, shaders, physics, cameras, lighting, and LOD optimization.
0 · bundle
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
3 · bundle
2d-games
Provides principles for 2D game development, covering sprite organization, tilemap design, physics, camera systems, and genre-specific patterns.
0 · bundle
law-of-proximity
Apply the Law of Proximity to group related elements through spatial relationships in UI layouts.
1.7k
law-of-common-region
Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.
1.7k
renault-design-analysis
Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.
50.9k · bundle
pc-games
Guides engine selection and platform-specific principles for PC and console game development, covering Steam integration, controller support, and performance optimization.
0 · bundle
design-everyday-things
Apply foundational design principles—affordances, signifiers, constraints, mappings, and feedback—to evaluate and improve product usability, bridging the gulfs of execution and evaluation.
1.6k · bundle
emil-design-eng-2
Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.
5k
cohere-design-analysis
Documents Cohere's 2026 web design system with color palettes, typography hierarchy, spacing, and layout principles for enterprise AI interfaces.
50.9k · bundle
design-md
Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.
2
high-perf-browser
Optimize web performance by applying browser networking, protocol, and rendering principles to reduce latency and improve Core Web Vitals.
1.6k · bundle
naming-convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
maxim-banner-design
Creates digital banners for social, display, hero, and email formats, applying behavioral science principles to maximize attention and conversion.
2 · bundle
make-interfaces-feel-better
Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.
2 · bundle
design-md
Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.
5
display-glasses-with-jetpack-compose-glimmer
Build augmented reality interfaces for display glasses using Jetpack Compose Glimmer, covering design principles, theming, input mapping, and projected activity setup.
6.1k · bundle
kraken
Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.
50.9k · bundle
webflow-inspired-design-analysis
Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
50.9k · bundle
spotify
Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
50.9k · bundle
interfaces-that-feel
Evaluate UI designs through an emotional resonance lens, identifying what's missing and prescribing specific changes at the copy, motion, and interaction layer.
1.7k
apple-design
Translates Apple's fluid interface design principles—springs, interruptible motion, velocity handoff, and momentum projection—into concrete web techniques for building and reviewing gesture-driven UI.
2
muapi-ui-design
Generates high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles, translating product requirements into design specifications with platform-specific layouts and design tokens.
3.7k · bundle
apple-design
Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.
5k
display-glasses-with-jetpack-compose-glimmer
Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. This skill covers foundational Glimmer design principles, workflows for implementing Jetpack Compose Glimmer, and interaction models for the glasses form factor. Use this skill to build an Android XR Augmented Experience app with Jetpack Compose Glimmer that adheres to the Glimmer design system for optimized glasses styling.
0 · bundle
ui-design
World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility obsession of Inclusive Design principles. UI design is the craft of making interfaces that users don't notice - because they just work. Great UI isn't about making things pretty. It's about making the right thing obvious and the wrong thing impossible. Every pixel, every animation, every spacing decision either helps the user or hurts them. The best UI designers are invisible - users accomplish their goals without ever thinking about the interface. Use when "ui design, visual design, interface design, component, design system, figma, sketch, color, typography, spacing, layout, animation, motion, responsive, mobile design, button, form design, card, modal, navigation, icon, ui, design, visual, interface, components, design-system, figma, accessibility" mentioned.
128 · bundle