Agent Plugins Marketplace
← All plugins

majestic-frontend

v0.1.0

Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot documentation.

CodexClaude CodeAgent Plugins5 Skills

By Majestic LabsLicense: MIT0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Codex, Claude Code, and Agent Plugins
Parsed components
5 skill or MCP entries
Source updated
Aug 27, 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 majestic-frontend@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/majesticlabs-dev/majestic-abilities

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

Plugin files

plugins/frontend/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── plugin.json
├── skills/frontend-design/SKILL.md
├── skills/frontend-performance/SKILL.md
├── skills/pr-screenshot-docs/SKILL.md
├── skills/ui-code-auditor/SKILL.md
└── skills/visual-validator/SKILL.md

Included Skills5

frontend-designskills/frontend-design/SKILL.md

Commit to a distinctive art direction and implement production-grade frontend interfaces with token-driven styling, complete interaction states, designed failure paths, and accessibility. Use when designing or restyling pages, components, landing pages, design systems, responsive layouts, or interaction states.

frontend-performanceskills/frontend-performance/SKILL.md

Prevent and diagnose frontend performance regressions affecting Core Web Vitals. Use when modifying layouts, fonts, images, scripts, shared assets, loading behavior, or page responsiveness measured by LCP, CLS, or INP.

pr-screenshot-docsskills/pr-screenshot-docs/SKILL.md

Capture and document UI changes with before/after screenshots for pull requests. Use when creating PRs that include visual changes to ensure reviewers can assess design modifications.

ui-code-auditorskills/ui-code-auditor/SKILL.md

Review frontend source code for accessibility, UI-quality, and performance problems with file-and-line evidence. Use when statically auditing HTML, CSS, Tailwind, React, Vue, or component code without relying on screenshots.

visual-validatorskills/visual-validator/SKILL.md

Validate rendered UI changes against their intended goals using skeptical visual evidence. Use when reviewing screenshots for responsive behavior, accessibility, visual regressions, or design-system compliance after implementation.

Plugin manifests3

plugins/frontend/.codex-plugin/plugin.json
{
  "name": "majestic-frontend",
  "version": "0.1.0",
  "description": "Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot documentation.",
  "author": {
    "name": "Majestic Labs"
  },
  "license": "MIT",
  "keywords": [
    "frontend",
    "ui",
    "performance"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Majestic Frontend",
    "shortDescription": "Interface design, accessibility, performance, and validation skills.",
    "longDescription": "Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot documentation.",
    "developerName": "Majestic Labs",
    "category": "Developer Tools",
    "capabilities": [
      "Skills"
    ],
    "defaultPrompt": [
      "Design this interface with clear states.",
      "Audit this UI for accessibility and performance."
    ]
  }
}
plugins/frontend/.claude-plugin/plugin.json
{
  "name": "majestic-frontend",
  "displayName": "Majestic Frontend",
  "version": "0.1.0",
  "description": "Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot documentation.",
  "author": {
    "name": "Majestic Labs"
  },
  "license": "MIT",
  "keywords": [
    "frontend",
    "ui",
    "performance"
  ]
}
plugins/frontend/plugin.json
{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "majestic-frontend",
  "version": "0.1.0",
  "description": "Design, audit, and validate user interfaces: visual direction, Core Web Vitals, accessibility, and screenshot documentation.",
  "author": {
    "name": "Majestic Labs"
  },
  "license": "MIT",
  "keywords": [
    "frontend",
    "ui",
    "performance"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[majestic-frontend on Agent Plugins Marketplace](https://pluginsmp.com/plugins/majestic-frontend)