Responsive
Responsive design and mobile-first
cmux-debug
by ccusage
Verifies ccusage terminal output in a real cmux pane. Use when changing responsive tables, column widths, progress bars, spinners, or colors, or when a long-running command's output must be captured beyond the visible viewport.
cate-cli
by 0-AI-UG
Drive Cate browser, terminal, editor, panel, and coding-agent orchestration surfaces from a Cate terminal. Browser page automation uses native agent-browser command syntax.
impreza-wpbakery-dev
by lavderenterprise
"Use this skill for WordPress development with Impreza theme and WPBakery Page Builder. Triggers include: converting designs (described, visual, or Figma) to WordPress/Impreza code, creating WPBakery shortcodes, building Impreza pages, implementing responsive layouts, customizing Impreza elements, or any WordPress development task using the Impreza theme with WPBakery. Essential for producing copy-paste ready code that works seamlessly with Impreza theme structure."
adapt
by educlopez
"Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when adding a new screen that hasn't been tested across viewports, or when the user says \"make it responsive\" / \"fix mobile layout\". Invoke when the user asks for adapt on their UI, or mentions 'adapt' alongside design / UI / frontend work."
mobile-pr-merge-gatekeeper
by Envy-7z
Mobile pull request review and merge gate for Android and Flutter codebases. Use when reviewing junior or peer code, deciding whether a PR is safe to merge, classifying findings severity, or preparing final merge notes with explicit block/approve decisions.
senior
by Alicoder001
Senior frontend developer practices including code quality, accessibility, responsive design, and UI consistency. Use when reviewing code, implementing UX patterns, or ensuring production-quality output.
next-cache-components-optimizer
by vercel
Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then guards against regression. Use when asked to make a route's navigation instant (its static shell commits immediately), fix a route whose static shell isn't prerendered/served/prefetched, grow a route's static shell or fix its slow first paint, diagnose which Suspense boundary keeps a route out of its static shell, or write the instant() e2e guard for one. Requires Next.js 16.3+ with cacheComponents; directs an upgrade if older.
share--markdown
by alankyshum
Generate a shareable URL for markdown content. Encodes markdown (with mermaid charts, mind maps, gantt charts, interactive tables, pie/bar/line charts, interactive multi-day maps, code blocks, GFM tables, task lists) into a short URL backed by Cloudflare KV (or URL fragment for offline use). The viewer is a Cloudflare Pages SPA with system light/dark theme, OG/Twitter card metadata for rich link previews on social media and Telegram, a floating "Add to LLM" selection menu, build-time lint, and edit-existing support. Use whenever the user wants to share markdown, send a markdown link, make markdown viewable or shareable, render markdown for someone else, create a shareable URL for markdown, publish or preview a markdown file/snippet, give someone a link to a README or notes, update an existing share, or turn markdown into a pretty viewable page. Auto-splits long markdown across multiple URLs when needed.
ui-ux-pro-max
by jefebcn
"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 (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples."
ss-verify
by bitjaru
The VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.
frontend-design-expo
by david-evans03
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-design
by alexandephilia
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animations, glassmorphism, and responsive layouts.
especialista-ebi
by jhernandez-vibecode
ESPECIALISTA EBI — Portal multi-póliza para Empresas Berthier EBI de Costa Rica S.A. (renovación 2025/2026), branding Seguros Digitales SDI (marca registrada y propiedad intelectual JC). HTML+CSS+JS vanilla en Netlify desde repo jhernandez-vibecode/ebi-polizas. 2 sub-páginas activas: Equipo Contratista (raíz /, acento dorado, 66 equipos, póliza madre EQG-0000183) e Incendio Multirriesgo (/incendio-multirriesgo/, acento verde teal, 4 zonas de riesgo con coaseguro 80%, póliza madre MRM-0000055). Cada sub-página tiene doble vista por ?modo=cliente. Tipografía oficial SDI: Space Grotesk + Inter + JetBrains Mono. Iconos Lucide SVG inline. EBI es portafolio recurrente — el patrón establecido (carpeta dedicada por póliza + data.js específico + acento de color diferenciador + drawer adaptado al modelo de datos) debe servir para todos los futuros reportes a EBI. Usar este skill cuando JC pida cualquier cambio, nuevo reporte EBI, o ajuste al portal.
mobile-conflict-resolution-safe
by Envy-7z
Safe merge-conflict resolution workflow for Android and Flutter repositories. Use when resolving git conflicts from teammate branches, rebases, or release branches, and you need minimal behavior change, verification evidence, and merge-safe outcomes.
seo-specialist
by juah3h32
Expert SEO strategist specializing in technical SEO, content optimization, and search engine rankings. Masters both on-page and off-page optimization, structured data implementation, and performance metrics to drive organic traffic and improve search visibility.
mobile-design
by noelrohi
Create distinctive, production-grade mobile UI screens as HTML files. Use when the user asks to 'design a mobile app,' 'create mobile screens,' 'mobile UI,' 'app prototype,' 'iOS screen,' 'mobile mockup,' or 'mobile design.' Generates memorable, polished HTML that avoids generic AI aesthetics.
lumora
by deanvanuden
Lumora builds complete premium websites from exact prompt_text entries in references/motionsites-prompt-library.json after scraping the target business, creating a niche-specific blueprint, and selecting a complete page prompt or compatible section prompts. Use when Codex is asked to build, redesign, improve, or generate a website, landing page, hero, SaaS site, agency site, portfolio, ecommerce page, waitlist, signup page, or rich frontend using "$lumora" or "Lumora"; Lumora must load and hash every selected prompt_text before coding, reject any section not built directly from a loaded prompt_text, use design/layout/components/motion 100% 1:1 with no interpretation, localize copy only inside prompt slots, use one cohesive font/color/background token layer, make all clickable UI work, preserve multipage source sites, and verify responsive containment.
adapt
by paulbryantbaker-art
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.
landing-gen
by lxgicstudios
Generate landing page code from product descriptions
gstack
by deveshkumars
Fast headless browser for QA testing and site dogfooding. Navigate pages, interact with elements, verify state, diff before/after, take annotated screenshots, test responsive layouts, forms, uploads, dialogs, and capture bug evidence. Use when asked to open or test a site, verify a deployment, dogfood a user flow, or file a bug with screenshots.
game-playtest-squad
by kanoan7643
Run evidence-based multi-agent or multi-profile playtests for browser, desktop, or mobile games across genres such as action, platformer, shooter, RPG, adventure, puzzle, card/deckbuilder, strategy, sim/management, racing, rhythm, narrative, and multiplayer games. Use when Codex is asked to test a game with several agents/players, simulate beginner-to-mid skill levels, validate first-run behavior, investigate loading/image/audio/input/performance/network issues, compare playtest tiers such as 3-player quick, 5-player standard, or 5-player slow-network, gather feedback, then iterate fixes and retest.
tapforce-tailwindcss
by tapforce
Best practices for setting up and developing UX/UI for projects using Tailwind CSS ^4. Use when setting up new projects with Tailwind CSS support or when projects have Tailwind CSS installed.
baseball-app-patterns
by statsleuthgame
Coding patterns and conventions for the Baseball App — a mobile-first React/FastAPI MLB stats and live game visualization platform
AgentUI — Build Skill Guide
by ghosthunter8
```