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
agha-actor-model
by curiositech
Foundational concurrent computation model where actors communicate exclusively through asynchronous message passing
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.
seo-page
by nowork-studio
Single-page SEO audit: deep content quality evaluation using Google's E-E-A-T framework, Helpful Content guidelines, on-page SEO factors, search intent alignment, technical signals, and readability analysis. Fetches GSC performance data for that specific page, crawls the live HTML, evaluates metadata, schema markup, internal linking, content depth, and produces a scored report with actionable fixes. Use this skill whenever the user wants to analyze a specific page or URL — not the whole site. Trigger on: "analyze this page", "audit this URL", "how is this page doing", "evaluate my blog post", "check this landing page", "page SEO", "content quality check", "is this page good enough", "review this page's SEO", "what's wrong with this page", "how can I improve this page", "page analysis", "single page audit", "content audit for [URL]", or any request that names a specific URL/page for SEO evaluation. If the user provides a specific URL (not just a domain), this is likely the right skill — use /seo-analysis for full-site audits instead.
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.
image-seo
by nowork-studio
Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and compression, responsive srcset, lazy-loading, explicit width/height (CLS), image sitemaps, and ImageObject structured data. Use this skill whenever the user asks about image SEO, alt text, Google Images ranking, image optimization for search, image file size hurting page speed, WebP/AVIF, or image structured data. Trigger on: "image SEO", "alt text", "rank in Google Images", "optimize my images for search", "image alt tags", "WebP", "image compression SEO", "image sitemap", "ImageObject schema", or any image-discoverability / image-performance question. For overall page speed use /seo-analysis; for generating new images use the brand image skills.
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.
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."
ss-page
by bitjaru
Scaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and project lock.
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.
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.