Plugins

4 plugins

Results for “principles”

33 skills
More results
comeonoliver
distill
Simplify UI designs by removing unnecessary complexity, clarifying hierarchy, and focusing on essential elements.
61
jorcan
3d-games
Provides principles for 3D game development, covering rendering pipelines, shaders, physics, cameras, lighting, and LOD optimization.
0 · bundle
haongo232
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
jorcan
2d-games
Provides principles for 2D game development, covering sprite organization, tilemap design, physics, camera systems, and genre-specific patterns.
0 · bundle
owl-listener
law-of-proximity
Apply the Law of Proximity to group related elements through spatial relationships in UI layouts.
1.7k
owl-listener
law-of-common-region
Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.
1.7k
voltagent
renault-design-analysis
Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.
50.9k · bundle
jorcan
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
wondelai
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
emilkowalski
emil-design-eng-2
Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.
5k
voltagent
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
nimoqup046-collab
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
wondelai
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
owl-listener
naming-convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
drnabeelkhan
maxim-banner-design
Creates digital banners for social, display, hero, and email formats, applying behavioral science principles to maximize attention and conversion.
2 · bundle
samuelpatro
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
lucaspmarie-a11y
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
android
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
voltagent
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
voltagent
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
voltagent
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
owl-listener
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
samuelpatro
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
samuraigpt
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
emilkowalski
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
inehemiasm
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
omer-metin
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