Agent Plugins Marketplace
← All plugins

component-patterns-plugin

v1.5.0

Reusable UI component patterns for implementing common features across different frameworks and tech stacks

Claude Code2 Skills

By Lauri GatesLicense: MIT58 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 15, 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 component-patterns-plugin for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install component-patterns-plugin@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. 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/laurigates/claude-plugins

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

Plugin files

component-patterns-plugin/
├── .claude-plugin/plugin.json
├── skills/components-version-badge/SKILL.md
└── skills/version-badge-pattern/SKILL.md

Included Skills2

components-version-badgeskills/components-version-badge/SKILL.md

Version badge with build-info tooltip (version, commit, changelog). Use when adding version display to app header/footer for Next.js, Nuxt, SvelteKit, Vite, React, Vue, or Svelte.

version-badge-patternskills/version-badge-pattern/SKILL.md

Version badge UI showing build version, git commit, and changelog in a tooltip. Use when adding version visibility for support or debugging. Works with React, Vue, Svelte, and JS.

Plugin manifests1

component-patterns-plugin/.claude-plugin/plugin.json
{
  "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
  "name": "component-patterns-plugin",
  "version": "1.5.0",
  "description": "Reusable UI component patterns for implementing common features across different frameworks and tech stacks",
  "author": {
    "name": "Lauri Gates"
  },
  "repository": "https://github.com/laurigates/claude-plugins",
  "license": "MIT",
  "keywords": [
    "components",
    "ui-patterns",
    "version-badge",
    "tooltips",
    "framework-agnostic",
    "react",
    "vue",
    "svelte",
    "nextjs",
    "nuxt"
  ]
}

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.

[component-patterns-plugin on Agent Plugins Marketplace](https://pluginsmp.com/plugins/component-patterns-plugin)