DEV Community

Aviad Rozenhek
Aviad Rozenhek

Posted on

Enhancing Claude Code: Turning a Brilliant Showcase into a Modular Plugin Marketplace

#claude #skills #agents #opensource

I'm really excited about Claude Code from Anthropic—it's an impressive way to bring AI assistance deeply into your development workflow. Recently, thanks to a recommendation from @0x0SojalSec, I discovered @ChrisWiles' excellent repository: claude-code-showcase.

With nearly 4,000 stars, the original repo is a wonderful resource. It clearly demonstrates how to configure Claude Code with hooks for automation, skills for project conventions, agents for tasks like code reviews, slash commands for workflows, and GitHub Actions for scheduled maintenance. It's a fantastic guide for anyone looking to make Claude a true team member.

That said, while it's perfect for learning, adopting it often means copying large portions into your own projects. To make it even more accessible, I forked it and added a modular structure—a plugin marketplace that lets you install only the components you need.

My fork: aviadr1/claude-code-showcase

(It's brand new as of January 11, 2026—feel free to star it if you find it useful! 🚀)

Why Claude Code Is So Exciting

For those new to it: Claude Code lets you configure an AI agent with persistent project memory (via CLAUDE.md), specialized skills, automated hooks, dedicated agents, and integrations with external tools. It goes beyond simple autocompletion to help enforce standards, review code, update dependencies, sync documentation, and manage tickets.

The original showcase illustrates these capabilities beautifully. My goal was to reduce the barriers to real-world use.

Key Improvements in the Fork

I preserved all the great features from the original and added several enhancements:

  1. Plugin Marketplace Architecture The repository now functions as a marketplace for installable components. Symlinks ensure a single source of truth—updates in one place automatically apply everywhere, with no need for build steps or sync scripts.

Installation is straightforward:

   /plugin marketplace add aviadr1/claude-code-showcase

   # Then install what you need
   /plugin install testing-patterns@claude-code-showcase
   /plugin install code-review-suite@claude-code-showcase
   /plugin install github-actions@claude-code-showcase
Enter fullscreen mode Exit fullscreen mode
  1. 13 Modular Plugins Choose from individual skills, bundled sets, commands, and hooks.

| Plugin | Type | Description |
|-----------------------|---------|---------------------------------------------------|
| testing-patterns | Skill | Jest, TDD, factory functions, and mocking |
| systematic-debugging | Skill | Structured 4-phase debugging approach |
| react-ui-patterns | Skill | Handling loading, error, and empty states |
| formik-patterns | Skill | Form validation best practices |
| graphql-schema | Skill | Queries, mutations, and codegen patterns |
| core-components | Skill | Design system and component library usage |
| pr-toolkit | Bundle | PR review, summary, and GitHub workflow agent |
| code-review-suite | Bundle | Dedicated reviewer agent + code quality command |
| ticket-workflow | Bundle | JIRA/Linear integration with ticket commands |
| docs-sync | Command | Automated documentation consistency checks |
| skill-activation | Hook | Suggests relevant skills based on your prompt |
| plugin-marketplace | Skill | Guides you on building your own marketplace |
| github-actions | Bundle | Reusable CI/CD workflows (detailed below) |

  1. Reusable GitHub Actions Workflows A major addition: workflows that use GitHub's workflow_call feature, so any repository can reference them directly with just a few lines of YAML.

Example caller workflow:

   # .github/workflows/claude-pr-review.yml
   name: Claude PR Review
   on:
     pull_request:
       types: [opened, reopened]
     issue_comment:
       types: [created]
   jobs:
     review:
       uses: aviadr1/claude-code-showcase/.github/workflows/showcase-pr-review.yml@main
       secrets:
         ANTHROPIC_API_KEY: ${{ secrets.ANTHROPIC_API_KEY }}
Enter fullscreen mode Exit fullscreen mode

Available workflows:

  • showcase-pr-review.yml → Automated PR reviews and @claude responses
  • showcase-docs-sync.yml → Monthly documentation vs. code checks
  • showcase-nodejs-code-quality.yml → Weekly quality sweeps with auto-fix PRs
  • showcase-nodejs-dependency-audit.yml → Bi-weekly dependency updates with testing

These are fully configurable and integrate with anthropics/claude-code-action@beta.

  1. Additional Polish Intelligent prompt-based skill suggestions, deeper MCP integrations (JIRA, Slack, GitHub), LSP for real-time code insights, and more—all while keeping the modular design.

Why These Changes Matter

  • Easier Adoption: Install just one skill or the full suite—no need to copy everything.
  • Always Up-to-Date: Symlinks and reusable references keep your projects current.
  • Flexibility: Mix and match components to fit your team's needs.
  • Sharing the Approach: The marketplace plugin itself documents how others can apply this pattern.

This evolution makes powerful AI-assisted workflows more approachable for everyday projects.

How to Get Started

  1. Add the marketplace: 
   /plugin marketplace add aviadr1/claude-code-showcase
Enter fullscreen mode Exit fullscreen mode
  1. Explore and install: 
   /plugin
   /plugin install <name>@claude-code-showcase
Enter fullscreen mode Exit fullscreen mode
  1. For GitHub Actions: Use the example YAML above and add your Anthropic API key as a secret.

Full fork: https://github.com/aviadr1/claude-code-showcase

Original (definitely worth starring!): https://github.com/ChrisWiles/claude-code-showcase

A big thank you to @chriswiles for the inspiring foundation and to @0x0SojalSec for introducing me to it. I'm enthusiastic about where AI tools like this are taking development—let's keep building great things together! 🚀

Tags: #claude #anthropic #ai #productivity #githubactions #devtools #coding

Top comments (0)