Exhaustively extract UX patterns from a reference web app. Walks every screen, captures screenshots of every state, records interaction patterns, copy verbatim, keyboard…
Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.
Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.
Comprehensive UX analysis using cognitive psychology, ADHD-friendly design, Gestalt principles, and flow state engineering.
Senior designer obsessed with micro-interactions, accessibility, and visual hierarchy. Create interfaces that are beautiful, usable, and inclusive.
Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation" — from…
Audit every user-facing interaction and suggest UX improvements for the Telegram bot.
UX interaction design patterns including micro-interactions, UI state machines, transition specifications, form UX, animation principles, and feedback patterns.
Define a practical, story-first product experience before UI prototyping. Use when you need one canonical artifact that explains what users see, what they can do, and how screens…
Diagnoses UX issues and provides concrete, code-ready solutions based on 213 real case studies, covering forms, e-commerce, design, mobile, A/B testing, performance,…
Apply a focused UI polish pass while preserving behavior, design system consistency, accessibility, and WorkflowSkills docs.
Create interactive single-file HTML prototypes for UX validation. Use when the user asks to create a prototype, mockup, or interactive wireframe based on specs/architecture/ux.md…
心理学の 10 法則(Jakob's Law, Fitts's Law, Miller's Law, Hick's Law, Postel's Law, Peak-End Rule, Aesthetic-Usability Effect, Von Restorff Effect, Tesler's Law, Doherty…
Master UX reviewer for software, developer tools, and AI agent interfaces. Performs comprehensive usability, workflow, and cognitive analysis.
Continuously detect recurring UI/UX concepts during frontend discussions, track conversation-wide recurrence, and register repeated concepts as structured knowledge assets in a…
Analyses any web project's UI complexity and directly refactors the code to reduce cognitive load. Works with any framework — Filament, Laravel/Blade, Livewire, React, Vue, plain…
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks…
Create functional and emotionally resonant audio for digital products using Audio UX methodology—from notification sounds to complete sonic systems.
Generates UI/UX specifications with wireframes and design system. Creates UX_SPEC.md and DESIGN_SYSTEM.md from PRD and Architecture specs.
UI/UX specialist for efficient, accessible, and consistent interface design with strong focus on data reuse and component reuse
Connect design decisions to business outcomes through competitive analysis, opportunity mapping, Jobs to Be Done, outcome-driven discovery, value proposition design, and UX…
Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes. — from hulusi-tunc/unicorn-skills
UX testing patterns including task completion testing, error recovery testing, usability scoring, cognitive load heuristics, and flow testing methodology.
VS Code theming, color tokens, widget styles, focus indicators, and high-contrast theme support. Use when registering colors, styling widgets with theme tokens, or ensuring…
Comprehensive UX evaluation meta-skill. Use when conducting UI/UX audits, accessibility reviews, user flow analysis, responsive testing, or interaction design evaluation.
UX/UI senior. Research, IA, wireframes, prototypes, design system, Figma, accessibility, motion.
Wytyczne UX/UI dla React 19 + Tailwind v4. Design system (OKLCH colors), dostępność (WCAG 2.2, ARIA), responsive design (mobile-first, container queries), animacje (Framer Motion,…
Review UX/UI of the Dyar mobile apps for usability, accessibility, RTL/Arabic correctness, consistency with Dyar Ultra UI, and mobile best practices.
\"Pre-commit/pre-deploy UX verification checklist to catch issues before they ship. 部署前UX驗證:無障礙、交互、響應式、性能清單,含agnt自動化。 Use when: before commit, before deployment, after…
Kolibri AI Hive-Mind Agent: Проектирование пользовательского опыта и дизайна интерфейса Mantine UI. Use when you need to act as ux-visionary.
Audit UX waiting states for web applications with long-running operations (30+ seconds). Use when asked to evaluate, audit, or analyze a product's loading states, wait times,…
以资深 UX 专家身份走查产品体验问题。阅读 PRD 理解产品目标, 系统性检查用户流程、UI 一致性、错误处理等体验问题并汇总报告。 Triggers on "UX走查", "体验问题", "用户体验检查", "walkthrough"。
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success…
한국어로 UI/UX 문구를 작성하거나 검수할 때 사용합니다. 해요체, 능동형, 긍정형, 캐주얼 경어, 명사 조합 회피 등 5가지 핵심 원칙과 예외 규칙을 적용합니다.
KISS reference skill for v2rayA on Arch/Ubuntu/Fedora with TUN, RoutingA, DoH DNS and Outline key import.
Leitfaden Fragebogen-Input fuer Vertragsausfueller: Reihenfolge, Validierung, Plausibilitaet, Mandantenfreundlichkeit. Pruefraster fuer UX-Tests.
Schrijf flux-toelichting voor elke P&L- en balansregel boven threshold — huidige periode vs. vorige periode en vs. budget — met de oorzaak uit de onderliggende activiteit.
Live application verification procedure for the ux-reviewer agent — detect the project type (UI, API-only, or library), boot the application, exercise it with real requests, and…
Audite un projet développé en "vibe coding" (code généré/itéré principalement via un assistant IA, souvent sans specs formelles ni review humaine systématique) en cherchant les…
Layout composition, visual weight distribution, and attention flow. Create designs that guide users effortlessly through content with intentional hierarchy.
Audit web and app interfaces using visual evidence. Use when Codex is asked to critique UI/UX, polish a design, inspect a localhost app, compare screenshots, find visual…
Linux VM bootstrap verification skill. MUST BE USED when setting up new VMs or verifying environment.
After a push or merge, watch a CircleCI + FluxCD deploy until it lands — CircleCI green for the commit, then the k8s Deployment's image tag moves off its pre-push baseline and…
WCAG 2.2 accessibility guidelines reference for web development. WCAG 2.2無障礙指南速查:POUR四原則、A/AA/AAA準則、代碼示例。 Use when: accessibility audit, new feature design, pre-launch compliance…
Web UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation).
Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.
Evaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation" — from…
Reviews WooCommerce store UX, checkout flow, mobile usability, and conversion optimization.
Reference for working with tmux panes alongside the human. Consult when the user asks to run or monitor a command in another pane, split work across panes (e.g.
WordPress UX and design enforcement — Core Web Vitals, mobile-first layout, typography, color systems, navigation, page builder patterns, image optimization, form UX, loading and…
Use when generating a React UI component (pricing table, form, modal, dashboard tile, navbar, hero, AI-chat surface) and the goal is "novel functional component with sensible…
Triage Linear inbox issues with AI classification. Triggers on "pm triage", "triage inbox", "classify issues", "process inbox", "处理反馈".
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 16 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Nuxt, Nuxt UI,…
Audit visual UI coherency, design token compliance, and component modularity against a design system for any project.
Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
This skill should be used when the user asks to "check upstream", "check PRs", "what's been fixed upstream", "overlap check", "check rcore-os PRs", "sync with upstream",…
Convert Unix/Linux-based skill.md files to {{os}} equivalents. Use when you need to transform a skill that contains Unix/Linux-specific commands, paths, and tools into a version…
Expert prompt engineering for FLUX.2 [klein] image generation and editing model. Use this skill whenever the user wants to create prompts for FLUX.2 [klein], generate images, edit…
Handle Hotwire form workflows: form submission lifecycle, inline editing, validation errors, typeahead/autocomplete, modal forms, and external form controls.