Design
1,149 skills.
Browse
cinematic-gsap-lenis-motion-systemmengto1.5KCreate premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.modernbergside1.5KContemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.contemporarybergside1.5KCurrent-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.materialbergside1.5KGoogle's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.futuristicbergside1.5KForward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.sleekbergside1.5KModern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.brutalismbergside1.5KRaw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.corporatebergside1.5KProfessional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.ui-designerdaymade1.5KExtract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.claymorphismbergside1.5KSoft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.storytellingbergside1.5KNarrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.android-design-guidelinesehmo1.5KMaterial Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.motion-systemowl-listener1.5KDefine motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a system. For crafting one specific animation, use `animation-principles` (interaction-design).form-designowl-listener1.5KDesign a form end to end — field order, grouping, validation, and completion. Use when the artifact is a form. For product-wide error strategy use `error-handling-ux`; for first-run signup use `onboarding-design`.doodlebergside1.5KHand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.creativebergside1.5KPlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.colorfulbergside1.5KVibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.gradientbergside1.5KSmooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.paperbergside1.5KPaper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.cosmicbergside1.5KFuturistic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.artisticbergside1.5KHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.boldbergside1.5KStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.flatbergside1.5KTwo-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.agenticbergside1.5KConversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.spaciousbergside1.5KGenerous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.cinematic-scroll-storytellingmengto1.5KCreate cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll experiences, sticky project stacks, kinetic typography, or section-by-section storytelling.dramaticbergside1.5KHigh-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.friendlybergside1.5KApproachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.interactive-portfoliosickn331.5KExpert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.antbergside1.5KStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.fantasybergside1.5KGame-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.ditheredbergside1.5KDot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.cafebergside1.5KCozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.monobergside1.5KMonospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.vintagebergside1.5K1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.neonbergside1.5KElectric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.retrobergside1.5KThrowback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.navigation-patternsowl-listener1.5KSelect and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks. Use when choosing how users move between sections. For the underlying content structure, use `information-architecture` (ux-strategy).critique-brand-consistencyowl-listener1.5KCritique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are checking compliance. For defining the visual language itself, use `illustration-style` (ui-design).skeumorphismbergside1.5KReal-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.vibrantbergside1.5KLively, colorful design with bold playful typography, warm accents, and dynamic visual energy.expressivebergside1.5KVibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.animation-systemsmengto1.5KUse when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.perspectivebergside1.5KSpatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.motion-designerdylantarre1.4KUse when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.lingobergside1.4KPlayful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.figma-use-slidesfigma1.4KThis skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the use_figma tool.pacmanbergside1.4KRetro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.tetrisbergside1.4KClassic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.service-blueprintowl-listener1.4KMap service delivery across frontstage actions, backstage processes, and supporting systems. Use when staff and operations are part of the experience. For the customer-visible layer only, use `experience-map`.