Responsive
Responsive design and mobile-first
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."
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.
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
```
feature-ui
by ShotaIuchi
UI component implementation. Apply when building user interface components, layouts, interactions, animations, responsive design, and accessibility for new features.
frontend-development
by gemini960114
Generic frontend development skill for HTML, CSS, JavaScript, and modern frontend frameworks. Covers code patterns, best practices, debugging, and common patterns for building responsive web applications.
gstack
by jkkorn
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. (gstack)
mobile-design-director
by kafka0000
Senior UX/UI Design Director for mobile app design auditing across all platforms (iOS, Android, cross-platform). Triggers on "UI建议", "审美讲义", "交互建议", design audit, UI review, UX audit, or premium design feedback. Provides three-tier proposals (Safe/Balanced/Avant-Garde), aesthetic formulas, motion physics, and brand consistency checks. Specializes in "Young Luxury" mobile experiences grounded in Apple HIG and Material Design 3.
Frontend Responsive Design Standards
by yuanxiao0115
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
ui-design-system
by nimeshgurung
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
frontend-developer
by YPYT1
集合了所有的openclaw,claudecode,open等各个平台所有的skills
E-commerce Storefront
by neillock
Ultimate high-conversion specification for full e-commerce journeys (Home, PLP, PDP, Cart, Checkout).
cloudkit
by subsc-taha
Apple CloudKit framework for iOS/macOS/watchOS/tvOS development. Use for iCloud data persistence, multi-device sync, CKSyncEngine implementation, CKContainer/CKDatabase/CKRecord operations, conflict resolution, error handling, subscriptions, and CloudKit best practices. Triggers on CloudKit questions, iCloud sync implementation, CKRecord CRUD, zone management, or cross-device data synchronization in Swift/SwiftUI apps.
python-frontend
by simplerick0
Python frontend specialist using Python-based web frameworks with HTML/CSS/JS integration. Use for NiceGUI, Streamlit, Gradio, Panel, Jinja2 templating, HTMX integration, and responsive design.
ux-ui-from-scratch-to-mvp
by eugeneawoke
Use when user asks to design, build, create, make, or show anything visual — app, website, landing page, screen, dashboard, portfolio, shop, startup page, SaaS product, mobile app, admin panel, onboarding flow, checkout, pricing page, hero section, or any UI/UX task. Triggers on phrases like "design", "create a design", "make me a", "build a", "I need a website", "I want an app", "show me what it could look like", "help me design", "make it look good", "I have an idea for", "I'm building a", "create an interface", "design system", "wireframe", "prototype", "mockup", "UI", "UX", "user flow", "visual design", "brand", "logo", "color palette", "layout", "homepage", "landing", "product page", "app screen".