Skip to content

Update architecture and README for Claude Code plugins and skills#68

Merged
hoangsonww merged 3 commits intomasterfrom
feat/enhance-wiki-page
Apr 13, 2026
Merged

Update architecture and README for Claude Code plugins and skills#68
hoangsonww merged 3 commits intomasterfrom
feat/enhance-wiki-page

Conversation

@hoangsonww
Copy link
Copy Markdown
Owner

This pull request updates documentation to reflect new features and integrations related to Claude Code plugins and skills. The most important changes are:

Documentation Updates:

  • Added references to Claude Code plugins & skills in the system design overview in ARCHITECTURE.md and updated the technology badges to include Claude Code Plugins & Skills.
  • Updated README.md to include badges for Claude Code Plugins & Skills and expanded the description to mention the agent extension layer, which provides plugins, skills, and subagents for dashboard interaction and workflow intelligence. [1] [2]

@hoangsonww hoangsonww self-assigned this Apr 13, 2026
@hoangsonww hoangsonww added the bug Something isn't working label Apr 13, 2026
Copilot AI review requested due to automatic review settings April 13, 2026 21:35
@hoangsonww hoangsonww added the documentation Improvements or additions to documentation label Apr 13, 2026
@hoangsonww hoangsonww added enhancement New feature or request good first issue Good for newcomers question Further information is requested labels Apr 13, 2026
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates project documentation to reflect the Claude Code plugins/skills “agent extension layer” alongside the existing dashboard + MCP server architecture.

Changes:

  • Update README badges and overview text to mention Claude Code Plugins & Skills and the agent extension layer.
  • Update ARCHITECTURE badges and opening summary to include Claude Code plugins & skills.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
README.md Adds Claude Code Plugins & Skills badge and expands the overview to mention MCP + agent extension layer capabilities.
ARCHITECTURE.md Updates the opening description and badges to include Claude Code plugins & skills.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +7 to +8
![Claude Code](https://img.shields.io/badge/Claude_Code-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
Copy link

Copilot AI Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The Shields.io URL .../badge/Claude_Code-orange... likely renders a badge with message text orange (since with only two segments Shields treats it as label-message, not label-color). If the intent is an orange badge with no message/version, use the empty-message form (double hyphen) or keep an explicit message segment (e.g., version) and a separate -orange color segment.

Copilot uses AI. Check for mistakes.
Comment on lines +5 to +6
![Claude Code](https://img.shields.io/badge/Claude_Code-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
Copy link

Copilot AI Apr 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same Shields.io formatting issue as in README: .../badge/Claude_Code-orange... will likely display orange as the badge message rather than setting the color to orange. Consider using the empty-message syntax (label--color) or providing an explicit message and color segment.

Copilot uses AI. Check for mistakes.
@hoangsonww hoangsonww merged commit 17d7edd into master Apr 13, 2026
2 checks passed
Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the documentation in ARCHITECTURE.md and README.md to include information about Claude Code plugins, skills, and the local MCP server implementation. The review feedback focuses on technical corrections for badge URLs, specifically URL-encoding special characters and ensuring logo consistency, as well as improving the clarity and flow of the newly added descriptive text.


![Claude Code](https://img.shields.io/badge/Claude_Code-1.0-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code](https://img.shields.io/badge/Claude_Code-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The & character in the badge URL should be URL-encoded as %26 to ensure it is correctly parsed by the badge service and does not interfere with query parameters. Additionally, using the claude logo instead of anthropic would be more consistent with the main Claude Code badge above.

Suggested change
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_%26_Skills-orange?style=flat-square&logo=claude&logoColor=white)


![Claude Code](https://img.shields.io/badge/Claude_Code-1.0-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code](https://img.shields.io/badge/Claude_Code-orange?style=flat-square&logo=claude&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The & character in the badge URL should be URL-encoded as %26 to ensure it is correctly parsed by the badge service and does not interfere with query parameters. Additionally, using the claude logo instead of anthropic would be more consistent with the main Claude Code badge above.

Suggested change
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_&_Skills-orange?style=flat-square&logo=anthropic&logoColor=white)
![Claude Code Plugins](https://img.shields.io/badge/Claude_Code-Plugins_%26_Skills-orange?style=flat-square&logo=claude&logoColor=white)

style D fill:#10b981,stroke:#34d399,color:#fff
```

In addition to the real-time monitoring dashboard, it also includes a local MCP server implementation in `mcp/` that exposes a catalog of tools for introspecting and managing the dashboard itself, making it easy to integrate dashboard operations directly into your Claude Code workflows. There is also an agent extension layer, which provides Claude Code plugins, skills, and subagents for dashboard interaction, analytics, and workflow intelligence.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The phrasing 'In addition to the real-time monitoring dashboard, it also includes...' is slightly redundant and ambiguous, as 'it' refers back to the dashboard mentioned in the same sentence. A more direct phrasing would improve clarity.

Suggested change
In addition to the real-time monitoring dashboard, it also includes a local MCP server implementation in `mcp/` that exposes a catalog of tools for introspecting and managing the dashboard itself, making it easy to integrate dashboard operations directly into your Claude Code workflows. There is also an agent extension layer, which provides Claude Code plugins, skills, and subagents for dashboard interaction, analytics, and workflow intelligence.
Beyond real-time monitoring, the platform includes a local MCP server implementation in mcp/ that exposes a catalog of tools for introspecting and managing the dashboard itself, facilitating direct integration of dashboard operations into your Claude Code workflows. It also features an agent extension layer providing plugins, skills, and subagents for dashboard interaction, analytics, and workflow intelligence.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working documentation Improvements or additions to documentation enhancement New feature or request good first issue Good for newcomers question Further information is requested

Projects

Development

Successfully merging this pull request may close these issues.

2 participants