Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By gsmlg-dev
Browser automation, accessibility debugging, LCP optimization, and DevTools troubleshooting skills
npx claudepluginhub gsmlg-dev/code-agent --plugin chrome-devtoolsUses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
Use this to skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.
Browser automation and testing using chrome-devtools MCP server. Use when automating web browsers, taking screenshots, inspecting console logs, monitoring network requests, testing responsive layouts, collecting performance metrics, or debugging web applications. Critical for visual testing workflows and browser-based automation tasks.
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.
Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Core Web Vitals diagnosis and fixing skills for Claude Code — powered by CoreDash real user monitoring
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Run Lighthouse audits and fix performance issues
Browser automation with Puppeteer CLI scripts. Use for screenshots, performance analysis, network monitoring, web scraping, form automation, or encountering JavaScript debugging, browser automation errors.
A curated collection of AI coding agent skills for browser automation, frontend design, performance auditing, task tracking, and structured problem-solving workflows.
Chrome DevTools でフロントエンドの動作確認。起動中サーバーを自動検出し操作・デバッグ・パフォーマンス分析を実行
Elixir/Phoenix framework tools for gettext and internationalization
GitHub automation commands for fixing GitHub Actions and PR issues
Elixir/Phoenix development: skills, hooks (format/compile/credo), and LSP integration
Git workflow commands for commits, reviews, suggestions, and worktree management
Flutter development skills: animations, architecture, state management, navigation, testing, and more
A Claude Code plugin marketplace containing development agents, skills, workflow commands, GitHub automation, and framework-specific tools.
claude plugin marketplace add gsmlg-dev/code-agent
# or update
claude plugin marketplace update gsmlg-dev-code-agent
claude plugin install dev-agents@gsmlg-dev-code-agent
claude plugin install dev-workflow@gsmlg-dev-code-agent
claude plugin install github@gsmlg-dev-code-agent
claude plugin install phoenix-tools@gsmlg-dev-code-agent
claude plugin install chrome-devtools@gsmlg-dev-code-agent
claude plugin install elixir-dev@gsmlg-dev-code-agent
claude plugin install duskmoon-ui@gsmlg-dev-code-agent
claude plugin install speckit@gsmlg-dev-code-agent
claude plugin install flutter-skills@gsmlg-dev-code-agent
claude plugin install gsmlg-app@gsmlg-dev-code-agent
8 specialized development agents for software engineering tasks.
| Agent | Purpose |
|---|---|
| architect | System design and architectural planning |
| debugger | Bug analysis and root cause identification |
| documenter | Documentation generation |
| implementer | Production code implementation |
| refactorer | Code quality improvement |
| researcher | Technology evaluation and recommendations |
| reviewer | Code review and quality assessment |
| tester | Test suite creation |
Git workflow commands (recommended with: dev-agents).
| Command | Description |
|---|---|
/brainstorm | Generate and evaluate solution options |
/git-commit | Stage and commit with conventional messages |
/review | Code review using the reviewer agent |
/suggest | Analyze repository and suggest improvements |
/worktree-merge | Merge worktrees into current branch |
GitHub automation commands (recommended with: dev-agents).
| Command | Description |
|---|---|
/fix-github-actions | Fix GitHub Actions failures by analyzing recent workflow runs in a worktree |
/fix-pr-chechers | Fix failing GitHub Actions in current PR |
/fix-pr-review | Fix review comments on current PR |
/fix-internal-requests | Fix all open GitHub issues labeled internal request in isolated worktrees, then open PRs |
/setup-workflows | Create or update GitHub Actions workflows (ci, test, release, e2e) based on project type detection |
Elixir/Phoenix framework tools.
| Command | Description |
|---|---|
/phoenix-convert-gettext | Convert hardcoded text to gettext |
Browser automation, testing, and debugging skills.
| Skill | Description |
|---|---|
| chrome-devtools-mcp | Browser automation with screenshots, console, network, and performance |
| chrome-devtools-cli | Chrome DevTools CLI usage and scripting |
| a11y-debugging | Accessibility auditing: semantic HTML, ARIA, focus, contrast |
| debug-optimize-lcp | Largest Contentful Paint debugging and optimization |
| troubleshooting | Chrome DevTools MCP connection diagnostics |
Sync: /update-chrome-devtools-plugin from ChromeDevTools/chrome-devtools-mcp
Elixir/Phoenix development skills, hooks (auto-format, compile, credo), and LSP integration.
| Skill | Description |
|---|---|
| elixir-architect | OTP supervision trees, domain models, Ash Framework architecture |
| elixir-phoenix | Phoenix project setup with Bun, Tailwind v4, devenv, PostgreSQL |
| ecto-release-migrations | Release migrations without Mix for production deployment |
| elixir-thinking | Core Elixir paradigms and patterns |
| phoenix-thinking | Phoenix LiveView mental models and lifecycle |
| ecto-thinking | Ecto data layer design patterns and bounded contexts |
| otp-thinking | OTP concurrent systems design (GenServer, supervisors, Broadway) |
| oban-thinking | Background job processing with Oban |
| using-elixir-skills | Skill routing and invocation protocol |
Sync: /update-elixir-dev-plugin from georgeguimaraes/claude-code-elixir
Duskmoon design system skills.
| Skill | Description |
|---|---|
| duskmoon-dev-core | CSS component library with Material Design 3 theming |
| duskmoon-dev-css-art | Pure CSS decorative art components |
| duskmoon-elements | Web Components custom element library (<el-dm-*>) |
| phoenix-duskmoon-ui | Phoenix LiveView components (dm_* prefix) |
Sync: /update-duskmoon-plugin from upstream duskmoon-dev repos
Specification-Driven Development toolkit.