Agent Plugins Marketplace
← All plugins

eric-design

v0.1.0

Collaborative UI and visual design skills for audits, animation, and visual craft.

CodexClaude CodeAgent Plugins11 Skills

By AkaraChen0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Codex, Claude Code, and Agent Plugins
Parsed components
11 skill or MCP entries
Source updated
Sep 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 eric-design for Codex and Claude Code

Installs for the current user
codex plugin marketplace add AkaraChen/eric-design-skill
codex plugin marketplace upgrade eric-design-skill
codex plugin add eric-design@eric-design-skill

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

Compatibility: the page URL and API slug “eric-design” remain stable.

  • Codex: eric-design@agent-plugin-marketplace → eric-design@eric-design-skill

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/AkaraChen/eric-design-skill

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

eric-design/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── plugin.json
├── skills/change-review/SKILL.md
├── skills/color-system/SKILL.md
├── skills/create-design-system/SKILL.md
├── skills/explain-interface/SKILL.md
├── skills/make-layout-better/SKILL.md
├── skills/make-typography-clean/SKILL.md
├── skills/ui-audit/SKILL.md
├── skills/ui-polish/SKILL.md
├── skills/ui-stress-test/SKILL.md
├── skills/visual-craft/SKILL.md
└── skills/write-usable-copy/SKILL.md

Included Skills11

change-reviewskills/change-review/SKILL.md

Reviews your work across multiple categories like UI, typography, layout, color and writing and gives you a detailed analysis of the findings.

color-systemskills/color-system/SKILL.md

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

create-design-systemskills/create-design-system/SKILL.md

Create a page or interface and its creative direction using a random alphanumeric string as inspiration. Use when the user wants a fresh visual direction for an app through this process.

explain-interfaceskills/explain-interface/SKILL.md

Helps you figure out how something was built on the web.

make-layout-betterskills/make-layout-better/SKILL.md

Helps with grouping, alignment, reading order, progressive disclosure and other details that make a good layout.

make-typography-cleanskills/make-typography-clean/SKILL.md

Focuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.

ui-auditskills/ui-audit/SKILL.md

Combines the domain skills into a single review across clarity, layout, writing, typography, color and UI polish.

ui-polishskills/ui-polish/SKILL.md

Polishes and improves the UI in your project. Covers concentric border radius, optical alignment, surface depth, contextual icons, hit areas and more.

ui-stress-testskills/ui-stress-test/SKILL.md

Renders a component you choose in every state and scenario on a temporary page and stress tests it.

visual-craftskills/visual-craft/SKILL.md

Define visual direction and execute it with consistent typography, color, spacing, and motion. Use when designing, implementing, or reviewing visual direction — landing pages, app styling, icons, typography, composition, motion, headings, page overscroll, tokens, anti-slop, or when choosing a direction from a design DNA spec for the chosen visual direction. Use ui-audit separately for UI correctness, disclosure, and cognitive load.

write-usable-copyskills/write-usable-copy/SKILL.md

Focuses on improving product copy in your project.

Plugin manifests3

.codex-plugin/plugin.json
{
  "name": "eric-design",
  "version": "0.1.0",
  "description": "Collaborative UI and visual design skills for audits, animation, and visual craft.",
  "author": {
    "name": "AkaraChen",
    "url": "https://github.com/AkaraChen"
  },
  "homepage": "https://github.com/AkaraChen/eric-design-skill",
  "repository": "https://github.com/AkaraChen/eric-design-skill",
  "keywords": [
    "design",
    "ui",
    "frontend",
    "typography",
    "color",
    "animation",
    "visual-craft",
    "audit"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Eric Design",
    "shortDescription": "Collaborative UI and visual design skills",
    "longDescription": "Use Eric Design to audit and stress-test interfaces, review UI diffs, pick a visual direction, and improve motion.",
    "developerName": "AkaraChen",
    "category": "Developer Tools",
    "capabilities": [
      "Read",
      "Write"
    ],
    "websiteURL": "https://github.com/AkaraChen/eric-design-skill",
    "defaultPrompt": [
      "Use $visual-craft to define and apply a visual direction for this interface.",
      "Audit this interface with $ui-audit.",
      "Review the current UI change with $change-review."
    ]
  }
}
.claude-plugin/plugin.json
{
  "name": "eric-design",
  "displayName": "Eric Design",
  "version": "0.1.0",
  "description": "Collaborative UI and visual design skills for audits, animation, and visual craft.",
  "author": {
    "name": "AkaraChen",
    "url": "https://github.com/AkaraChen"
  },
  "homepage": "https://github.com/AkaraChen/eric-design-skill",
  "repository": "https://github.com/AkaraChen/eric-design-skill",
  "keywords": [
    "design",
    "ui",
    "frontend",
    "typography",
    "color",
    "animation",
    "visual-craft",
    "audit"
  ]
}
plugin.json
{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "eric-design",
  "version": "0.1.0",
  "description": "Collaborative UI and visual design skills for audits, animation, and visual craft.",
  "author": {
    "name": "AkaraChen",
    "url": "https://github.com/AkaraChen"
  },
  "homepage": "https://github.com/AkaraChen/eric-design-skill",
  "repository": "https://github.com/AkaraChen/eric-design-skill",
  "keywords": [
    "design",
    "ui",
    "frontend",
    "typography",
    "color",
    "animation",
    "visual-craft",
    "audit"
  ],
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "Eric Design",
        "shortDescription": "Collaborative UI and visual design skills",
        "longDescription": "Use Eric Design to audit and stress-test interfaces, review UI diffs, pick a visual direction, and improve motion.",
        "developerName": "AkaraChen",
        "category": "Developer Tools",
        "capabilities": [
          "Read",
          "Write"
        ],
        "websiteURL": "https://github.com/AkaraChen/eric-design-skill",
        "defaultPrompt": [
          "Use $visual-craft to define and apply a visual direction for this interface.",
          "Audit this interface with $ui-audit.",
          "Review the current UI change with $change-review."
        ]
      }
    }
  }
}

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.

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