web

v1.0.0

Web development tools including UX design, growth optimization, rapid prototyping, and browser automation

CodexClaude Code6 Skills1 MCP serverstdio

By Alvis4 GitHub starsUpdated 3 hours ago

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 7 skill or MCP entries
Source updated: Aug 26, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install plugin

Installs for the current user

codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add web-2@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/alvis/.agents

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/web/.

Plugin files

plugins/web/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/audit/SKILL.md
├── skills/css/SKILL.md
├── skills/design/SKILL.md
├── skills/imagine/SKILL.md
├── skills/next/SKILL.md
├── skills/storybook/SKILL.md
└── .mcp.json

Included Skills6

auditskills/audit/SKILL.md

Audit a rendered web interface against the design standard with the bundled deterministic CLI, shared-browser evidence, responsive viewports, accessibility checks, and focused visual adjudication. Use for design QA, WCAG checks, visual review, or launch assessment. Route findings into canonical work reviews; route fixes to the owning implementation skill.

cssskills/css/SKILL.md

Scaffold or maintain a project's root stylesheet using the CSS-only light, dark, and system color-mode contract. Use for theme.css, globals.css, or app.css setup, migration from class-driven dark mode, semantic token wiring, or color-mode corrections. Detect conflicts, obtain migration approval, preserve existing tokens, and edit CSS only.

designskills/design/SKILL.md

Design or redesign a web interface with coherent visual direction, responsive layout, typography, color, motion, and accessible states. Own the visual contract and orchestration: maintain ranked variant boards, route authorized production edits to Frontend Implementer, and drive independent evaluation with visual-diff confirmation. Use for new pages, component polish, mockups, or facelifts.

imagineskills/imagine/SKILL.md

Generate or edit images through the bundled multi-provider CLI, or write structured prompts and analyze visual styles from references. Use for concept art, product shots, covers, UI assets, transparent or vector output, inpainting, background changes, batch variants, and prompt-only work. Keep image generation separate from web design decisions and visual audits.

nextskills/next/SKILL.md

Diagnose Next.js runtime behavior with next-browser and Chrome DevTools MCP: React components, routes, SSR errors, DOM/styles, performance, Lighthouse, network, device emulation, JavaScript debugging, storage, screenshots, and interactions. Use for evidence-backed browser diagnosis; route visual creation to design and story-state assessment to storybook.

storybookskills/storybook/SKILL.md

Audit a Storybook instance for setup failures, accessibility violations, interaction errors, and visual regressions across meaningful story states. Use before release or when validating addons and focus behavior. Run the bundled lifecycle in order, preserve evidence, and report findings; do not edit components, stories, or configuration.

MCP servers1

chrome-devtoolsstdio

command: npx
args: -y chrome-devtools-mcp@latest --no-usage-statistics --isolated

Plugin manifests2

plugins/web/.codex-plugin/plugin.json

{
  "name": "web",
  "version": "1.0.0",
  "description": "Web development tools including UX design, growth optimization, rapid prototyping, and browser automation",
  "author": {
    "name": "Alvis"
  },
  "skills": "./skills/",
  "mcpServers": "./.mcp.json",
  "interface": {
    "displayName": "Web",
    "shortDescription": "UX design, web development, and browser automation.",
    "longDescription": "Design, build, audit, and optimize web experiences with browser automation and Next.js tooling.",
    "developerName": "Alvis",
    "category": "frontend",
    "capabilities": [
      "Skills",
      "Hooks",
      "MCP"
    ],
    "defaultPrompt": "Help me design, build, or audit this web experience."
  }
}

plugins/web/.claude-plugin/plugin.json

{
  "name": "web",
  "author": {
    "name": "Alvis"
  },
  "dependencies": [
    "coding",
    "essential"
  ],
  "description": "Web development tools including UX design, growth optimization, rapid prototyping, browser automation via agent-browser, Next.js debugging via Chrome DevTools, and design auditing",
  "version": "1.0.0",
  "mcpServers": "./.mcp.json"
}