Responsive
Responsive design and mobile-first
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.
ui-styling-patterns
by saajunaid
Create accessible user interfaces with shadcn/ui components (Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use for responsive layouts, accessible components, theme customization, dark mode, and consistent styling patterns.
Beauty Blooms — UI/UX Iteration Skill
by SoyetV
migration. They can be removed once all components use the new semantic names.
frontend-slides
by dhkong01
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
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.
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.
travel-planner
by alvaro-gsp
Use when the user wants to plan a trip, analyze destinations, or build a travel itinerary for any country or region. Triggers on mentions of travel, vacation, holidays, destinations, sightseeing, itineraries.
3d-vocabulary
by epun
Use when describing, building, or adjusting real-time 3D scenes (Three.js, WebGL, React Three Fiber, or any 3D viewport) and you want to turn a vague visual intent — "make it shiny", "swoop the camera in", "soften the shadows", "it looks flat", "runs slow" — into the precise term plus the parameter an AI can actually change. Maps fuzzy 3D descriptions to correct vocabulary for materials, lighting, cameras, geometry, rendering, animation, and performance.
blog-framework-builder-v2
by HduSy
"从用户提供参考站点 URL 或者用户给定话题方向出发,搭建一个可部署的 Next.js 博客类站点框架(只搭框架,不写文章)。当用户需要建站、搭建博客、做个博客站、提供 URL 建站时触发本技能"
local-ts
by zap-studio
Use when starting or modifying apps based on the local.ts starter kit or its local-first desktop/mobile features.
mobile-ci-cd-evolution
by Envy-7z
CI/CD optimization workflow for existing mobile pipelines (Android and Flutter) across Bitbucket, GitHub Actions, GitLab, Jenkins, and Fastlane. Use when auditing current CI/CD setup, reducing build time/flakiness, improving release safety, or planning incremental pipeline upgrades without destabilizing delivery.