ブラウザ版 VS Code (code-server) + Playwright + Chromium で mdait 拡張のUIを実際に操作し、スクリーンショットで見た目・導線を評価するための環境構築と操作方法。Use when: reviewing UX/UI of the extension, visually verifying…
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.
Perform evidence-led UX and UI audits of product screens, prototypes, live websites, mobile apps, dashboards, forms, onboarding, settings, commerce flows, AI features, and design…
UX/UI senior. Research, IA, wireframes, prototypes, design system, Figma, accessibility, motion.
Designs and builds the ATS Platform's Next.js 14 frontend — pleasant, enterprise-class, accessible, minimized clicks.
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가지 핵심 원칙과 예외 규칙을 적용합니다.
Run focused human user-experience reviews of products, apps, websites, workflows, dashboards, forms, modals, navigation, and frontend designs.
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…
Redux Toolkit patterns for complex client state. Use when managing enterprise-scale state, needing DevTools, entity normalization, or RTK Query for data fetching.
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.
Reply to the user when they message you from the JHT web chat. The user reaches you with the prefix `[@utente -> @capitano] [CHAT] `; reply ONLY with `jht-send` — never…
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",…
Run a multi-perspective Mind Council deliberation on any question, decision, or creative challenge. Use this skill whenever the user wants diverse viewpoints, needs help — from…
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…
Extract cognitive patterns and thinking fingerprints from any text. Use this skill when the user wants to analyze how someone thinks, understand cognitive style, profile — from…
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.
Handle media-heavy Hotwire features: image/video/audio uploads, previews, playback controls, progress tracking, and third-party media integrations (for example WaveSurfer, Swiper,…