Responsive
Responsive design and mobile-first
ipados-design-guidelines
by ehmo
Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.
visual-cues-cta-psychology
by flpbalada
Design effective CTAs using visual attention and gaze psychology principles.
nextjs-image-art-direction
by flpbalada
Implement art direction for Next.js images using getImageProps(). Use when
css-container-queries
by flpbalada
Apply CSS container queries for component-based responsive design. Use when implementing responsive components that adapt to their container size rather than viewport size.
mobile-responsiveness
by hoodini
Build responsive, mobile-first web applications. Use when implementing responsive layouts, touch interactions, mobile navigation, or optimizing for various screen sizes. Triggers on responsive design, mobile-first, breakpoints, touch events, viewport.
ux-designer
by aj-geddes
Designs user experiences, creates wireframes, defines user flows, ensures accessibility. Trigger keywords - UX design, wireframe, user flow, accessibility, WCAG, mobile-first, responsive, UI design, user journey, interface design, user experience, design system, component design, interaction design
flutter-dev
by MiniMax-AI
Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling. Use when: building Flutter apps, implementing state management (Riverpod/Bloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.
ui-ux-polish
by Dicklesworthstone
"Iterative UI/UX polishing workflow for web applications. The exact prompt and methodology for achieving Stripe-level visual polish through multiple passes."
appium
by TerminalSkills
When the user wants to automate mobile app testing on iOS and Android using Appium. Also use when the user mentions "appium," "mobile automation," "iOS testing," "Android testing," "mobile WebDriver," "XCUITest," or "UiAutomator." For React Native-specific testing, see detox.
mobile-development
by groeimetai
This skill should be used when the user asks to "mobile app", "mobile studio", "push notification", "offline", "mobile card", "native mobile", "mobile UI", or any ServiceNow Mobile development.
owasp-mobile-security-checker
by Harishwarrior
Use when performing security audits, vulnerability assessments, or compliance checks on Flutter or mobile applications. Covers OWASP Mobile Top 10 (2024) — hardcoded secrets (M1), insecure storage (M9), weak cryptography (M10), network issues (M5), and 6 more categories with automated scanners and remediation guidance.
sales-practices
by JoelLewis
"FINRA and SEC rules governing sales conduct: churning, breakpoint abuse, selling away, unauthorized trading, supervision, senior protections, VA and options suitability."
mobile
by htlin222
Develop React Native or Flutter apps with native integrations. Use for mobile development, cross-platform code, or app optimization.
payram-bitcoin-payments
by PayRam
Accept Bitcoin payments with PayRam's self-hosted infrastructure. Unique mobile app signing flow for BTC transactions without server-side key exposure. HD wallet derivation for unlimited unique deposit addresses. Manual sweep approval via PayRam Merchant mobile app. Use when accepting Bitcoin payments, implementing BTC payment flows, needing self-custody Bitcoin infrastructure, or building Bitcoin payment acceptance without Lightning complexity.
image-utils
by Bria-AI
Classic image manipulation with Python Pillow - resize, crop, composite, format conversion, watermarks, brightness/contrast adjustments, and web optimization. Use this skill when post-processing AI-generated images, preparing images for web delivery, batch processing image directories, creating responsive image variants, or performing any deterministic pixel-level image operation. Works standalone or alongside bria-ai for post-processing generated images.
UI/UX Design Expert
by frankxai
Expert guidance on UI/UX design, design systems, accessibility (WCAG 2.2), user research, and creating inclusive, user-centered interfaces with 2025 best practices
🎨 UI/UX Pro Max - Design Intelligence System
by Dokhacgiakhoa
Created by Antigravity Orchestrator - Based on Premium Design Frameworks.
SKILL.md - Using @umami/react-zen
by umami-software
Theme ZenProvider, ThemeSwitcher, PaletteSwitcher
remarkable-expert
by desplega-ai
reMarkable tablet expert. Use when users want to list, download, or upload files to their reMarkable tablet.
frontend-design
by LangConfig
"Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences."
jdb-debugger
by brunoborges
Debug Java applications in real time using JDB (Java Debugger CLI). Attach to running JVMs or launch new ones under JDB, set breakpoints, step through code, inspect variables, analyze threads, and diagnose exceptions. Use when debugging Java programs, investigating runtime behavior, or diagnosing production issues on JVMs with JDWP enabled.
Chakra UI Component Patterns
by markus41
Use these patterns as starting points and customize them with theme tokens and responsive props to match your design system requirements.
home-assistant-manager
by m81098s
Expert-level Home Assistant configuration management with efficient deployment workflows (git and rapid scp iteration), remote CLI access via SSH and hass-cli, automation verification protocols, log analysis, reload vs restart optimization, and comprehensive Lovelace dashboard management for tablet-optimized UIs. Includes template patterns, card types, debugging strategies, and real-world examples.
frontend-enhancer
by travisjneuman
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.