All categories
Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
- 9,095
- 379
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browserBrowse design & ux skills
Showing 8,905–8,928 of 9,095 skills
- Layered BackgroundsLayered background effects with gradient orbs, blur layers, noise textures, and depth. Use when creating hero sections, landing pages, or premium visual effects.Votes: 0GitHub stars: 666
- Large 500 800msUse when building larger movement animations between 500-800ms - hero transitions, complex reveals, animations that tell a story and deserve attentionVotes: 0GitHub stars: 666
- Ios HigUse when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.Votes: 1GitHub stars: 666
- Ios Design DirectioniOSアプリのデザイン哲学とクリエイティブディレクション。Apple Human Interface Guidelinesに基づく Clarity/Deference/Depthの原則、SwiftUIによる実装パターン、アクセシビリティ設計を包括的にガイド。 使用タイミング: (1) 新規アプリのUI/UX設計時、(2) デザインシステム構築時、(3) SwiftUIコンポーネント設計時、 (4) 「iOSらしいデザインにしたい」「HIGに準拠したい」、(5) アクセシビリティ対応時、 (6) アニメーション・インタラクション設計時、(7) 複数プラットフォーム（iOS/iPadOS/watchOS/visionOS）対応時Votes: 0GitHub stars: 666
- Ios App Icon GeneratorGenerates a complete iOS app icon set with all required sizes. Use when asked to create an app icon, design an iOS icon, generate app store artwork, or make an icon for an iPhone/iPad app. Follows a philosophy-first approach - first defining the visual identity and concept, then producing production-ready icons.Votes: 0GitHub stars: 666
- Interface ReviewReview web interface implementations across Interactivity, Typography, Motion, Touch, Optimizations, Accessibility, and Design/UX. Based on industry best practices and UX psychology principles. Use for UI component and page implementation reviews.Votes: 0GitHub stars: 666
- Integrating Wpf MediaIntegrates multimedia content in WPF including MediaElement video/audio playback, Image control display, and SoundPlayerAction effects. Use when building media players, galleries, or multimedia UIs.Votes: 0GitHub stars: 666
- Image IllustratorProfessional illustrator with expert knowledge of the image generation script, image conversion tools, and layout design. Use when creating visual assets, generating images with specific styles, converting image formats, composing layouts, or designing visual compositions.Votes: 0GitHub stars: 666
- Icon DesignerCreate cohesive icon sets and design systemsVotes: 0GitHub stars: 666
- Hover InteractionsUse when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.Votes: 0GitHub stars: 666
- Homepage SkillA premium, minimal, animated Todo App homepage with a strong hero message, refined typography, floating icons, and a single focused CTA — visually aligned with black-pink glassmorphism used across auth and dashboard.Votes: 0GitHub stars: 666
- Healthcare Ux StandardsGeneral healthcare UX standards for Hospital Information Systems (HIS), EMR/EHR, clinic management, and patient portals. WCAG 2.2 Level AA compliant with US/International regulatory alignment (HHS Section 504, ADA, Section 508, EN 301 549, NHS Digital). Covers accessibility, patient safety language, and healthcare-specific design patterns. Auto-activates for healthcare UI design, form validation, error messaging, clinical workflows, and patient-facing interfaces.Votes: 0GitHub stars: 666
- Ha Mushroom CardsCreates minimalist, mobile-first Home Assistant dashboards using Mushroom cards (13+ types) including entity, light, climate, chips, and template cards with card-mod styling support. Use when building modern HA dashboards, creating compact mobile interfaces, styling entity cards, using chips for status indicators, or combining Mushroom with card-mod for custom CSS.Votes: 0GitHub stars: 666
- Gsap GreensockUse when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)Votes: 0GitHub stars: 666
- Grove Ui Design Autumnsgrove GroveengineCreate warm, nature-themed UI for Grove with glassmorphism, seasonal decorations, randomized forests, and accessible design patterns. Use when building pages, enhancing UI, or adding decorative elements.Votes: 0GitHub stars: 666
- Graphic DesignProfessional graphic design principles for digital and print media. Use when creating visual designs, choosing color palettes, typography, layouts, or providing design feedback.Votes: 0GitHub stars: 666
- Graphic Design ExpertComprehensive design engine for UI/UX, Print, and Social Media. Includes automated image resizing tools, contrast calculators, and 2026 strategic frameworks.Votes: 0GitHub stars: 666
- Godot UiExpert knowledge of Godot's UI system including Control nodes, themes, styling, responsive layouts, and common UI patterns for menus, HUDs, inventories, and dialogue systems. Use when working with Godot UI/menu creation or styling.Votes: 0GitHub stars: 666
- GlassmorphismCreates frosted glass UI elements with blur, transparency, and subtle borders. Use when building overlays, floating controls, tooltips, or any element that should appear elevated with a translucent background.Votes: 0GitHub stars: 666
- Game DesignerUse when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.Votes: 0GitHub stars: 666
- Frontier UiFrontier Code UI standards based on Hero section patterns (dark theme, cyan/purple accents, gradients, glowing effects). Trigger: When creating/modifying UI components, sections, or visual elements.Votes: 0GitHub stars: 666
- Frontend Image GenerationImage sourcing for UI. Free first (DiceBear avatars, Unsplash photos, unDraw illustrations). AI generation only for custom needs.Votes: 0GitHub stars: 666
- Friendliness ApproachabilityUse when creating animations that feel warm, welcoming, and make users feel comfortable engaging.Votes: 0GitHub stars: 666
- Frankx BrandApply official FrankX brand standards to all artifacts, ensuring visual consistency across content, products, and communications. Use this skill for any FrankX-related content creation, design work, or communication.Votes: 0GitHub stars: 666