Responsive
Responsive design and mobile-first
senior-uiux-designer-b2b-floral
by Nsairat
Persona and expertise framework for a Senior UI/UX Designer specializing in B2B e-commerce floral marketplaces. Use this skill when designing interfaces, creating wireframes, prototypes, or design systems for wholesale flower businesses, floral supply chains, bulk ordering platforms, florist-to-supplier marketplaces, or any B2B floriculture digital product. Triggers include: floral marketplace design, wholesale flower platform UX, B2B floral e-commerce, florist ordering systems, flower supply chain interfaces, bulk floral ordering UI.
ui-ux-pro-max
by pachoroa
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
techtown-brand-guidelines
by techtown-fr
TechTown brand and design system guidelines. Use when creating UI components, styling pages, generating marketing materials, or implementing visual design for TechTown projects. Covers colors, typography, spacing, components, and logo usage.
debugger-python
by progmichaelkibenko
Debug Python applications at runtime using DAP breakpoints and variable inspection. Use when the user reports a runtime bug in Python, a silent failure, unexpected variable values, incorrect data flow, or when print-debugging is insufficient. Also use proactively when you encounter a bug you cannot diagnose from static analysis alone.
frontend-tailwind
by hwatkins
Expert Tailwind CSS development with utility-first patterns, responsive design, component extraction, and performance. Use when styling frontend applications with Tailwind.
wechat-daily-report-skill
by shiyin-li
生成微信群聊日报。优先用 jackwener/wx-cli 获取本地微信聊天记录，再输出新版日报 HTML 和 PNG，包含今日剧情、聊天气泡、资料收纳、问答、成员观察和成员过滤。
ui-ux-master
by kdbhalala
Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI/UX design task including iOS/macOS/web apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.
WolfBox Project Skill
by herreradeveloper7-cell
Expertise for working with the WolfBox package management system
mobile-delivery-command-center
by Envy-7z
Top-level orchestration skill for Android/Flutter delivery from feature implementation to review, conflict resolution, merge, release, and CI/CD improvement. Use when you want one lead workflow that routes tasks safely, keeps responses token-efficient, and protects production stability.
macro-intelligence
by VibeCodeDaddy69
Unified macro intelligence feed — reads 9+ sources, classifies events, scores sentiment, generates AI insights, exposes signals via HTTP API + WebSocket push + webhooks
tailwind-theme-styling
by violabg
Style the dev-quiz-battle app using Tailwind CSS v4 with OKLCH colors, dark mode support, and modern design patterns. Use when creating responsive layouts, applying themes, and implementing visual components.
tailwind-design-system
by Jackiexiao
（中文）Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
mobile-update-advisor
by Envy-7z
Mobile dependency and platform update advisor for Android and Flutter projects. Use when mapping project structure, evaluating SDK/dependency updates, prioritizing technical debt, identifying architecture hotspots, or creating a safe improvement roadmap.
tailwind-guidelines
by peixotorms
Use when writing, reviewing, or refactoring Tailwind CSS code. Covers tailwind, tailwindcss, utility classes, responsive design, dark mode, CSS, frontend, className, tw-merge, clsx, color system, typography, spacing, borders, rings, outlines, state variants, hover, focus, focus-visible, group-hover, data attributes, container queries, breakpoints, mobile-first, text-pretty, text-balance, opacity modifiers, @theme directive, @utility, Tailwind v4 CSS-first configuration, and common anti-patterns.
debugging
by Nomik94
Python/FastAPI 디버깅 도구 및 기법 레퍼런스. Use when: 디버깅, 버그 찾기, 에러 추적, 왜 안 돼, 문제 해결, print 디버깅, pdb, breakpoint, 로그 추적, 쿼리 확인, 스택 트레이스, traceback, 에러 재현, 느린 원인, 메모리 누수, 프로파일링, 비동기 디버깅, async 에러. NOT for: 에러 핸들링 설계 (error-handling 참조), 성능 최적화 전략 (monitoring 참조).
mmd-humanoid-converter
by meg4ne1251
Convert an MMD (MikuMikuDance) PMX/PMD model into a clean Humanoid-rig model inside Blender via the Blender MCP. Use this skill whenever the user wants to convert, retarget, clean up, or "humanoid-ify" an MMD model in Blender — including removing MMD-specific bones (twist/IK/center/group bones), transferring vertex weights onto the real arm/leg bones, fixing the downward-pointing waist bone, renaming bones to the Humanoid convention (Hips/Spine/UpArm/ForeArm/Hand/UpLeg/Leg/Foot/Toe), splitting the mesh into parts, and renaming Japanese shape keys. Trigger this even if the user only says "I imported an MMD model and want to use it in Unity/MotionBuilder" or "make this MMD model usable for our rig," since that is exactly this workflow.
heroui-native-skill
by tuzzy08
Build beautiful, accessible mobile UIs with HeroUI Native components for React Native and Expo. Use when building mobile apps with React Native, Expo, or when the user mentions HeroUI Native, heroui-native, mobile UI components, or needs professional mobile interfaces with smooth animations and accessibility built-in.
Beauty Blooms — UI/UX Iteration Skill
by SoyetV
migration. They can be removed once all components use the new semantic names.
ascii-skill
by arjunkshah
Generate beautiful, contextual ASCII and monospace character art across any surface — hero banners, card frames, decorative dividers, progress bars, ANSI-colored terminal output, image-to-ASCII conversions, animated spinners, and live mouse-reactive fields. Supports , ANSI escape codes, and canvas-based motion.
suanfish-design-system
by SuanFishXYY
Suanfish Design System — A unified multi-agent design language system with 14 specialized agents across 6 tiers and a REJECT mechanism for opinionated AI-driven UI generation. Governs both first-impression onboarding moments (welcome, version updates) and steady-state interfaces (three-pane layouts, modals, wizards, data viz). Activate when designing, generating, auditing, or refactoring any UI surface. 算鱼工作室的统一多智能体设计语言体系，14 位专精 agent 协同工作，分布在 6 个 tier，搭载 6 条 REJECT 硬规则。
ui-ux-pro-max
by gracebotly
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."
debugging
by brixtonpham
"Systematic debugging methodology with root cause analysis. Phases: investigate, hypothesize, validate, verify. Capabilities: backward call stack tracing, multi-layer validation, verification protocols, symptom analysis, regression prevention. Actions: debug, investigate, trace, analyze, validate, verify bugs. Keywords: debugging, root cause, bug fix, stack trace, error investigation, test failure, exception handling, breakpoint, logging, reproduce, isolate, regression, call stack, symptom vs cause, hypothesis testing, validation, verification protocol. Use when: encountering bugs, analyzing test failures, tracing unexpected behavior, investigating performance issues, preventing regressions, validating fixes before completion claims."
moses-user-testing
by christopheraaronhogg
Enables Masterbuilder to conduct UX testing using artisans as user personas. After implementation, artisans embody different user types to verify the work from real-world perspectives.
mui
by VisualxIntelligence
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.