Skills tagged "ux" (487)

🎨 Flutter Animations

This skill helps you implement Flutter animations effectively by choosing implicit, explicit, hero, staggered, and physics-based approaches for smooth UX.

frontenduxdesignperformance

🔍 Flutter Design

This skill accelerates Flutter theming and UI consistency by applying project-defined ThemeData, ColorScheme, typography, and spacing patterns.

designuxrefactorperformance

🎨 Fluxui Docs

This skill helps you quickly access Flux UI docs and implement free FluxUI components with Tailwind and Livewire guidance.

docsfrontenduxaccessibility

🎨 Fluxui Docs Pro

This skill helps you implement Flux UI Livewire components with Tailwind CSS across pages, cards, forms, and layouts.

frontenddocsuxaccessibility

✨ Fogg Behavior Model

This skill helps you apply the Fogg Behavior Model to diagnose why users fail to act and design targeted prompts.

uxproductgrowthanalytics

🔍 Frame

This skill translates Figma design context into structured handoff data for downstream engineers and design-system aware agents.

designuxautomationplanning

🎨 Framer Motion

This skill helps you implement Disney's twelve animation principles in Framer Motion to create expressive, responsive React animations.

frontenddesignuxai

✨ Free Zimage Skills

This skill generates high-quality images using ModelScope's Z-Image model via the Zimage API, streamlining prompt-to-image creation.

aiapiautomationdesign

🎨 Frontend

This skill helps you design and implement striking UI components with responsive styling, motion, and accessibility-focused reviews.

frontenddesignuxaccessibility

🎨 Frontend Agent

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

frontendreactnextjsshadcn

🎨 Frontend Design

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

designuxaccessibilityfrontend

🎨 Frontend Design

This skill helps you craft production-grade frontend interfaces with a distinctive aesthetic, robust accessibility, and a clear design system using

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

frontenddesignuxaccessibility

🎨 Frontend Design

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.

frontendreactdesignux

🎨 Frontend Design

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

frontenduxdesignaccessibility

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and creative detail.

designuxfrontendreact

🎨 Frontend Dev

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

frontendnextjstailwindtypescript

🎨 Frontend Engineer

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

frontenddesignuxaccessibility

🎨 Frontend Enhancer

This skill enhances Next.js apps with modern UI components, palettes, and layouts to boost visual polish and user experience.

frontenddesignuxaccessibility

🧪 Frontend Implementation

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

frontenduxaccessibilitydesign

🛡️ Frontend Integration

This skill helps you integrate Kuroco with Nuxt or Next.js, enabling secure authentication, SSR/SSG, and seamless content delivery.

frontendapisecuritydocs

🎨 Frontend Ui Ux

This skill helps you craft stunning UI/UX by guiding typography, color, spacing, and motion decisions for cohesive interfaces.

designuxfrontendaccessibility

🎨 Frontend Ui Ux

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

frontenddesignuxaccessibility

🎨 Frontend Ui Ux Engineer Skill

This skill helps transform plain UI components into visually stunning, accessible, responsive interfaces with polished micro-interactions and design-driven

frontenduxdesignaccessibility

🧪 Frontend Web Dev Skill

This skill helps you design scalable frontend architectures, implement accessible UI, and optimize performance with modern tools and cross-platform workflows.

frontendperformancedesignux

🎨 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

🧪 Harden

This skill hardens interfaces by improving error handling, i18n, text overflow, and edge case resilience for production-ready experiences.

frontenduxaccessibilityperformance

🧪 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