Loading...
Loading...
Found 132 Skills
Scroll areas inside a layout should be avoided wherever possible. When unavoidable, allow only one scroll axis at a time and always keep the user in control. Use when designing layouts, data tables, panels, or any component that might introduce an inner scroll container.
Persona and expertise framework for a Senior UI/UX Designer specializing in B2B e-commerce floral marketplaces. Use this skill when designing interfaces, creating wireframes, prototypes, or design systems for wholesale flower businesses, floral supply chains, bulk ordering platforms, florist-to-supplier marketplaces, or any B2B floriculture digital product. Triggers include: floral marketplace design, wholesale flower platform UX, B2B floral e-commerce, florist ordering systems, flower supply chain interfaces, bulk floral ordering UI.
Analyzes and processes images using Claude's vision capabilities. Supports OCR, image classification, diagram comparison, chart analysis, visual Q&A, and more. Use when users need to understand, extract, or analyze visual content.
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
Design and redesign EdgeSpark frontends with distinctive, production-grade visual direction instead of generic AI-looking UI. Use when building or polishing landing pages, marketing sites, dashboards, auth flows, portfolios, product surfaces, or reusable frontend sections in EdgeSpark, especially when the task mentions design quality, aesthetics, typography, color, layout, motion, art direction, or making the UI feel more premium and original.
Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents.
Optimized Next.js TypeScript best practices with modern UI/UX, focusing on performance, security, and clean architecture
Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.
General rules pertaining to Mobile UI development. Covers UI/UX best practices, state management, and navigation patterns.
Create distinctive, production-grade frontend interfaces with bold design choices and working code. Use when designing UI components.
Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. Use when the user asks about Adobe XD, needs to create UI/UX designs, build prototypes, or work with Adobe XD components.