Skills tagged "ux" (453)

🎨 Frontend_aesthetics

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

frontenddesignuxperformance

🎨 Frontend_design_system

This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.

frontenddesignuxaccessibility

📋 Game Design Theory

This skill helps you master game design theory including MDA, balance, and player psychology to create engaging, rewarding gameplay experiences.

designresearchplanningux

🎨 Generate

This skill generates custom images using Gemini 2.5 Flash for frontend designs, illustrations, icons, or hero images from user prompts.

aifrontenddesignux

⚙️ Generate Slide

This skill automatically generates project intro slide images using Nano Banana Pro, delivering ready-to-share visuals and a quality-checked best set.

aiautomationdesignux

⚙️ Generate Video

This skill automates product demo video generation using Remotion, analyzing codebase, planning scenes, and parallel rendering to deliver visuals.

automationremixjavascriptproduct

🧪 Go Router Navigation

This skill ensures type-safe navigation with go_router in Flutter apps, providing typed routes, redirection, and transitions for reliable routing.

frontenduxtesting

🎨 Godot Ui

This skill provides expert guidance for Godot UI creation, theming, responsive layouts, and common patterns to accelerate menus, HUDs, inventories, and

designuxproductivityperformance

📋 Google Official Seo Guide

This skill helps you optimize Google search visibility by applying official guidance on SEO, structured data, and monitoring via Search Console.

seomarketingcontentux

⚙️ Greeter

This skill greets users warmly, responding with a friendly welcome message when users say hello or request a greeting.

aicliscriptingux

🎨 Gsap Scrolltrigger

This skill helps you create engaging scroll-driven animations using GSAP ScrollTrigger, enabling pinning, scrubbing, snapping and parallax effects.

frontendperformanceautomationscripting

📋 Gtk Ui Ux Engineer

This skill crafts native-feeling GTK desktop apps following GNOME HIG, focusing on modern GTK4 patterns, theming, accessibility, and responsive theme-aware

designuxaccessibilitypython

📋 Halo Effect Psychology

This skill helps you leverage the halo effect to optimize first impressions, brand perception, and feature presentation across onboarding and marketing.

designuxproductbranding

🧪 Hashimoto

This skill helps you design developer-friendly CLIs with consistent patterns, helpful errors, and machine-readable output inspired by HashiCorp UX.

cliuxdesignproductivity

🎨 Heroui React

This skill helps you implement HeroUI v3 React components effortlessly with no provider, using compound patterns and Tailwind v4 styling for accessible, themed

frontendperformanceaccessibilityux

🎨 Hmm

This skill sends your last LLM response to a browser-based feedback UI for inline edits, comments, and structured export.

frontendcode-reviewuxproductivity

⚙️ Hotel

This skill turns hotel preferences into ready-to-book options by comparing official rates with OTA prices and providing links and checklists.

automationapidataproduct

🎨 Hotkey

This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.

frontendscriptingproductivitycode-review

🎨 Html Presentation

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.

frontenddesignuxaccessibility

⚙️ Humanize

This skill remodels AI-generated text into natural human writing, improving readability and lowering detectability while showing before/after scores and

aiautomationapiwriting

🎨 Hyva Child Theme

This skill creates a complete Hyva child theme with proper structure and Tailwind setup for Magento 2 projects.

frontenddesignuxcli

🎨 I18n

This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.

frontenddocswritingproduct

⚙️ Icon Generation Skill

This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.

designuxscriptingcli

📋 Idea

This skill helps you transform raw ideas into validated MVP definitions by researching problems, identifying early customers, and scoping minimal features.

planningproductresearchux

📝 Ideate

This skill captures and documents a new idea in design/ideas with a summary, research, and an illustrative sketch.

designuxresearchproduct

⚙️ Image Generation

This skill generates and edits images using AI, enabling product placement, style transfer, and multi-image composites to boost visual storytelling.

aiautomationproductdesign

📋 Image Generation

This skill generates and edits images with Gemini via Python SDK, supporting text-to-image, edits, and multi-reference composition.

aiapiclouddesign

🧪 Image Generation

This skill helps you generate and edit images in various formats and aspect ratios, with upscaling and management capabilities.

aiautomationdesignux

🎨 Imagen

This skill generates images using Google Gemini to create UI mockups, icons, diagrams, and illustrations for any project.

aifrontenddesignux

🎨 Infinite Tunnel

This skill helps you create mesmerizing infinite tunnel effects with Three.js and GSAP for immersive 3D scrolling experiences.

frontendperformancedebuggingdesign

📋 Influence Psychology

This skill helps you ethically apply Cialdini-inspired persuasion to product design, messaging, onboarding, and referrals, with scoring and actionable

marketingcopywritingdesignproduct

📋 Infographic Creator

This skill helps you generate and customize infographic visuals from text using AntV Infographic, enabling quick, shareable data graphics.

aidatadesignux

🎨 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 Design

This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.

swiftdesignaccessibilityux

🎨 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 Design

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

uxdesignaccessibilityfrontend

🎨 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

🧪 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

🧪 Mobbin Ux

This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.

designuxresearchfrontend

🎨 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