miniapp-center-hub-refactor
Refactor a growing WeChat Mini Program whose top-level navigation has become scattered across tabs such as home, profile, inbox, integrations, or settings into a clearer hub or center structure. Use when Codex needs to regroup top-level tabs, separate high-frequency action flows from low-frequency settings, define internal hub sections, or migrate detailed pages without collapsing everything into one long page.
project-artifact â an opinionated project status page
This skill produces one specific *kind* of artifact: a tabbed status page that represents a project too big for one update â a software migration, a research effort, a launch, an org initiative; anything with a set of parallel/dependent workstreams tracked over time. It generates the HTML (one fil
/add-clidash â CLI-derived read-only dashboard
clidash is a small, read-only web dashboard. You point it at any CLI that can list resources as JSON (NanoClaw's `ncl`, `docker`, `kubectl`, â¦) and it builds the dashboard at runtime: one tab per resource, a generic table over whatever columns the rows have. A new `ncl` resource becomes a new tab
hwc-navigation-content
Build Hotwire navigation and content-discovery flows: Turbo Frame pagination, tabbed navigation, lazy loading, faceted filtering/search, cache lifecycle, scroll restoration, and visit/render control. Prefer this skill when the core problem is request/response navigation state and browser history behavior. Use hwc-forms-validation for form validation and inline edit flows, hwc-realtime-streaming for WebSocket/Turbo Stream push updates, hwc-media-content for image/video/audio features, hwc-ux-feedback for generic loading/progress/transition polish, and hwc-stimulus-fundamentals for Stimulus APIs not centered on navigation.
ionic-skills
Ionic Capacitor mobile app development with Angular, React, or Vue. RevenueCat payments, AdMob ads, i18n localization, onboarding flow, paywall, and Ionic Tabs navigation.
shadcn-designer
Guide for building UIs with shadcn/ui components. Use when (1) creating or styling React components, (2) working with UI elements like buttons, inputs, selects, checkboxes, dialogs, sheets, popovers, tooltips, cards, tables, tabs, accordions, menus, dropdowns, badges, alerts, toasts, forms, calendars, carousels, sidebars, or any other UI component, (3) user mentions "shadcn", "ui components", or asks about component usage, (4) editing files in components/ui directory.
Io.Github.RapierCraft/Perplexity Comet Mcp
Bridge Claude Code with Perplexity Comet for autonomous browsing and tab management
playwright-best-practices
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
chameleon-controls-library
Builds UIs with Chameleon web components (ch-*). Use when the user mentions Chameleon, ch- components, or needs enterprise UI patterns like grids, trees, chat, sidebars, accordions, combos, tabs, dialogs, or forms. Also use for: implementing a UI from Figma or images, vibe coding a UI, migrating an existing UI to Chameleon, or auditing Chameleon usage in an application.
browsing
Use when you need direct browser control - teaches Chrome DevTools Protocol for controlling existing browser sessions, multi-tab management, form automation, and content extraction via use_browser MCP tool
Tandem Browser
Tandem Browser is a first-party OpenClaw companion browser with a local HTTP API at `http://127.0.0.1:8765`. Use this skill when an agent needs to browse, inspect, interact with pages, analyze SPAs, or coordinate browser work without touching Robin's active tab unnecessarily.
Vscode Terminal Mcp
Execute commands in visible VSCode terminal tabs with output capture and session reuse.
bengal-add-directive
Adds a new MyST directive to Bengal. Use when creating custom content blocks (admonitions, cards, tabs), extending the rendering system, or adding a directive.
Io.Github.Gigabrain Observer/Google Docs Mcp Server
Google Docs MCP server with full tab support, markdown extraction, and batch updates.
spyc
Work inside spyc, the vi-keyboard terminal file/worktree manager, using its MCP tools instead of shell equivalents. Use for git worktree lifecycle (create/open/list/remove, never `git worktree`), gitignore-aware filename and content search (instead of `find`/`rg`/`grep`), in-process git status/log/diff (instead of shelling to git), reading and driving what the user is looking at, reporting agent status to the pane tab, and coordinating file scopes with other agents before editing or merging.
browser-cli
Browser automation and debugging through Chrome DevTools Protocol CLI commands. Use when controlling a Chrome session with remote debugging, navigating pages, listing tabs, selecting pages, taking screenshots, inspecting DOM state, or running CDP-style browser actions instead of the headless-browser CLI.
ui-design-guide
Apply the canonical models TUI audit and design guide before changing tab layouts, information architecture, or interaction disclosure.
build-model
Build a multi-tab Excel financial model