Responsive
Responsive design and mobile-first
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.
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.
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.
emil-design-eng
by eso-coder
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
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).
SKILL.md — Pelindo RKAP HTML Dashboard Report
by Ercole28
.r Right-align (on th or td)
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".
home-assistant-manager
by Schlsn
Expert-level Home Assistant configuration management with efficient deployment workflows (git and rapid scp iteration), remote CLI access via SSH and hass-cli, automation verification protocols, log analysis, reload vs restart optimization, and comprehensive Lovelace dashboard management for tablet-optimized UIs. Includes template patterns, card types, debugging strategies, and real-world examples.
debugger-nodejs
by progmichaelkibenko
Debug Node.js applications at runtime using DAP breakpoints and variable inspection. Use when the user reports a runtime bug in Node.js, a silent failure, unexpected variable values, race conditions, or when console.log debugging is insufficient. Also use proactively when you encounter a bug you cannot diagnose from static analysis alone.
laravel-debugging
by MamounHisham1
Debugs Laravel applications with Xdebug integration. Activates when setting breakpoints, stepping through code, inspecting variables, analyzing dd() output, debugging routes, controllers, queues, or Eloquent queries; or when user mentions debug, breakpoint, step into, inspect variables, Xdebug, or troubleshooting errors.