Skills tagged "ux" (487)

🎨 Infographic Item Creator

This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with

aifrontenddataanalytics

📋 Infographic Syntax Creator

This skill generates AntV Infographic syntax output from user content, selecting templates, organizing data, and applying themes for clear visuals.

aidataanalyticsdesign

📋 Insight

This skill helps you rapidly uncover user needs and translate insights into prioritized product opportunities for fast market action.

productresearchmarketingstrategy

🎨 Interaction Design

This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.

designuxaccessibilityproduct

🎨 Interaction Physics

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

designuxaccessibilityfrontend

🎨 Interactive Study Guide

This skill converts a completed study guide markdown into an interactive, scroll-driven web experience with editorial typography and progressive disclosure.

frontenduxdesignjavascript

🧪 Ios

This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.

designuxaccessibilitycode-review

🧪 Ios Design

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

designuxfrontendaccessibility

🧪 Ios Design Workflow

This skill orchestrates end-to-end iOS design workflow from idea to implementation, aligning with Apple HIG and generating actionable specs and tasks.

designuxproductivityplanning

🎨 Ios Hig Reference

This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.

designuxaccessibilityswift

🎨 Ios Mapkit

This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.

frontenddocsdesignux

🎨 Ios Ux Prototype

This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.

designuxfrontendproductivity

🎨 Island Rescue

This skill helps you STOP marshal rescue guidance on STOP a lonely island scenario STOP by practical steps and STOP clear checklists

aiautomationplanningproduct

🎨 Kobalte

This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.

solidaccessibilityfrontendux

🎨 Kor Ui

This skill helps you implement and themify the Universal UI library in React Native and Expo, guiding provider setup, components, theming, and troubleshooting.

frontendperformancedebuggingdocs

🎨 Ladakhride Ui Review

This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.

designuxfrontendaccessibility

🧪 Landing Page Optimizer

This skill helps optimize landing pages for higher conversions by auditing copy, design, and UX, then delivering prioritized, testable improvements.

marketinggrowthcopywritingdesign

🎨 Liquid Glass

This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.

frontenddesignuxperformance

🧪 Lit Component

This skill guides you in developing lit web components for Common UI v2, enabling theme integration and Cell-driven reactivity.

frontenddebuggingdesignux

📝 Macos Swiftui

This skill guides building macOS apps with SwiftUI on Sonoma, covering window management, menus, settings, and document-based patterns.

docsdesignuxproduct

🧪 Mapbox Style Patterns

This skill provides battle-tested map style patterns and layer configurations for common use cases like restaurants, real estate, data visualization, and

frontendjavascriptdataanalytics

📋 Marp Slide

This skill helps you create professional Marp slides with 7 themes, auto quality improvements, and image layouts for impactful presentations.

designuxcontentwriting

📋 Mermaid Visualizer

This skill converts text into Mermaid diagrams for presentations and docs, ensuring correct syntax and clear visuals for effortless understanding.

designdocsdataanalytics

🐛 Microcopy

This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.

writinguxbrandingcontent

🎨 Microsim Add Icons

This skill adds clickable Creative Commons and fullscreen icons to a MicroSim control area, improving accessibility and navigation.

frontendaccessibilityscriptingux

🎨 Mobile App Design Mastery

This skill delivers production-grade mobile UI design guidance for Flutter and native apps, improving touch targets, typography, spacing, and platform-aware

designuxperformanceproduct

🎨 Mobile First Design

This skill helps design mobile-first responsive interfaces by guiding breakpoints, touch targets, and progressive enhancement for performance and accessibility.

designuxfrontendperformance

⚙️ Mobile Ios Design

This skill helps you design polished iOS interfaces and SwiftUI layouts aligned with Apple's HIG for accessible, adaptive apps.

designuxaccessibilityautomation

🎨 Mobile Ui

This skill helps you optimize mobile UI for responsive layouts, safe areas, touch targets, and typography across iPhone models.

frontenduxperformancetailwind

🎨 Modal

This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.

frontendreacttypescriptux

🎨 Morphing Icons

This skill helps you design morphing icons by transforming three-line SVGs between states, enabling smooth, scalable icon transitions.

frontenduxtypescriptdesign

🎨 Motion

This skill helps you implement Motion Vue animations in Vue 3 and Nuxt with motion component usage, gestures, and scroll effects.

frontenduxperformance

🎨 Motion Design

This skill provides motion design guidance for UI components, recommending easing, duration, and implementation to make interactions purposeful and delightful.

designuxfrontendaccessibility

🎨 Mui

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

frontenddesignuxaccessibility

✨ Music Video Generator

This skill generates cohesive music and video from a unified prompt, synchronizing mood, style, and energy for a polished music video.

aiautomationdesignux

📋 Nano Banana Pro

This skill generates or edits images using Google's Nano Banana Pro API, preserving user intent and saving results to the current working directory.

aiapidesignux

⚙️ Nanobanana Skill

This skill generates or edits images using Google Gemini API via nanobanana to streamline creative workflows.

aiautomationapicloud

🧪 New Presentation

This skill helps you craft minimalist, high-impact presentations using Steve Jobs' 3-Second Rule and Billboard Test, with automatic PPTX generation and brand

productbrandingcontentmarketing

🧪 Nuxt Ui

This skill helps you build polished Nuxt and Vue interfaces with 125+ accessible components and Tailwind theming for brand-specific UIs.

nuxtvuefrontendux

🎨 Obsidian Canvas Creator

This skill converts text into interactive Obsidian Canvas visuals, generating mind maps or freeform layouts to organize content spatially.

aidesignuxproduct

🎨 Onboard

This skill designs and improves onboarding experiences to help new users understand value quickly and achieve their first success.

designuxfrontendproduct

🎨 Onboardjs React

This skill helps you implement OnboardJS in React projects to build multi-step onboarding with flow, persistence, and conditional navigation.

frontendapianalyticsperformance

🎨 Onchainkit

This skill helps you build production-ready onchain apps using React components and TypeScript utilities from OnchainKit, simplifying wallet, token, and NFT

frontendfullstackapiux

🎨 Overdrive

This skill helps you push interfaces beyond conventional limits by applying extraordinary frontend techniques that wow users.

frontenduxdesignperformance

🧪 Pattern Ui

This skill enhances UI polish by applying layout and styling patterns to pattern-ui components, ensuring responsive structure and two-way data bindings.

frontenddesignuxperformance

⚙️ Pencil Basics

This skill helps you work with Pencil MCP design files by guiding .pen handling, node layouts, and batch design operations.

designuxscriptingproductivity

🎨 Performance Optimization

This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.

performancefrontenduxaccessibility

🎨 Phase 3 Mockup

This skill helps you rapidly create trendy UI mockups and wireframes without a designer, with HTML/CSS/JS ready for Next.js components.

frontenddesignuxaccessibility

🎨 Pixel Perfect Ui

This skill converts Figma designs into production-ready Next.js components with pixel-perfect accuracy and automated visual validation.

frontendnextjsdesignux

🎨 Polish

This skill performs a final quality pass to fix alignment, spacing and detail, ensuring pixel-perfect polish before shipping.

frontenddesignuxaccessibility

🔍 Pr With User Impact

This skill helps you craft PRs and commits that clearly show user workflow impact through concrete before/after examples and emotional resonance.

productuxwritingcode-review

📋 Prd Generation

This skill generates lean, actionable PRDs from design thinking artifacts, guiding development with structure without enterprise bloat.

productplanninguxwriting

📋 Presentation Builder

This skill helps you generate brand-aligned PPTX presentations with structured briefs and validation steps for pitch, roadmap, and product decks.

productdesignuxcontent

📋 Presentation Design

This skill helps you design compelling presentations by applying evidence-based structure, visuals, and storytelling to maximize clarity and audience

designuxcontentbranding

📋 Presentation Design

This skill helps you design and evaluate presentations that maximize audience understanding with evidence-based structure and visuals.

designuxaccessibilitycontent

📋 Problem Framing

This skill helps you transform fuzzy product ideas into validated problem statements, target users, and jobs-to-be-done for actionable design.

productplanningresearchdesign

🧪 Product

This skill generates UI/UX specifications and wireframes from PRD and architecture, delivering UX_SPEC.md and DESIGN_SYSTEM.md for iOS/macOS apps.

designuxproductdocs

🎨 Product Analysis

This skill conducts multi-path parallel product analysis using Claude Code and Codex to generate actionable optimization plans and competitive benchmarks.

productuxanalyticsai

📋 Product Tryon Visualization

This skill generates realistic product try-on visualizations to accurately depict fit, drape, and scale across diverse models for e-commerce.

aiproductuxdesign

🛡️ Progressive Web App

This skill helps you build installable PWAs with offline support, service workers, and install prompts to enhance reliability and engagement.

frontendperformanceuxsecurity