Agent Plugins Marketplace
← All plugins

plannotator-design-artifact

v0.1.0

Creative direction for HTML artifacts — palette, type, layout, theming, and sharing via tot.page.

CodexClaude Code1 Skill

By plannotatorLicense: MIT13 GitHub starsUpdated 2 months ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
1 skill or MCP entry
Source updated
Jul 3, 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 plannotator-design-artifact for Codex and Claude Code

Installs for the current user
codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add plannotator-design-artifact@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/plannotator/design-artifact

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

Plugin files

plannotator-design-artifact/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
└── skills/design-artifact/SKILL.md

Included Skills1

design-artifactskills/design-artifact/SKILL.md

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

Plugin manifests2

.codex-plugin/plugin.json
{
  "name": "plannotator-design-artifact",
  "version": "0.1.0",
  "description": "Creative direction for HTML artifacts — palette, type, layout, theming, and sharing via tot.page.",
  "author": {
    "name": "plannotator",
    "url": "https://github.com/plannotator"
  },
  "homepage": "https://github.com/plannotator/design-artifact",
  "repository": "https://github.com/plannotator/design-artifact",
  "license": "MIT",
  "keywords": [
    "design",
    "html",
    "artifacts",
    "typography",
    "theming",
    "skills"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Design Artifact",
    "shortDescription": "Creative direction for polished HTML artifacts",
    "longDescription": "Design principles and creative direction for HTML artifacts — sizing up the brief's register, deliberate palette and type pairing, token-based light/dark theming, avoiding the generic AI aesthetic, and optionally sharing the finished page via tot.page.",
    "developerName": "plannotator",
    "category": "Productivity",
    "capabilities": [
      "Write"
    ],
    "defaultPrompt": [
      "Design a polished HTML artifact for this."
    ]
  }
}
.claude-plugin/plugin.json
{
  "name": "plannotator-design-artifact",
  "skills": [
    "./skills/design-artifact"
  ]
}

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.

[plannotator-design-artifact on Agent Plugins Marketplace](https://pluginsmp.com/plugins/plannotator-design-artifact)