Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By gsmlg-dev
Duskmoon design system: CSS components, CSS art, web components, and Phoenix LiveView UI
npx claudepluginhub gsmlg-dev/code-agent --plugin duskmoon-uiUse the DuskMoon CSS Art Elements (`<el-dm-art-*>` web components). Use when adding pure CSS art animations to web pages — atom, moon, sun, plasma-ball, gemini-input, synthwave-starfield, and more. Covers all 15 CSS art packages, registration patterns, size variants, and the @layer stripping technique required for Shadow DOM compatibility.
When using npm package `@duskmoon-dev/core`, this skill shows how to install, configure, and use the CSS component library
When using npm package `@duskmoon-dev/css-art`, this skill shows how to install, configure, and use the pure CSS art component library
Use the DuskMoon Elements custom element library (`<el-dm-*>` web components). Use when building web pages or apps with DuskMoon elements, registering elements, setting properties/attributes, listening to events, using slots, applying themes, or styling with CSS custom properties. Covers all 42 element packages (button, card, input, dialog, table, tabs, markdown-input, code-block, pro-data-grid, and more).
Phoenix Duskmoon UI component library for Elixir/Phoenix LiveView applications. Use when building UIs with `phoenix_duskmoon` — covers installation, CSS/JS setup, component usage patterns (dm_* prefix), slots, form inputs, icons, CSS art, and the v9 custom elements architecture. Trigger on: adding phoenix_duskmoon to a Phoenix project, using dm_* components, configuring themes, setting up hooks, or integrating @duskmoon-dev/core CSS design system.
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.
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Essential Elixir and Phoenix LiveView development guide with enforced skills, hooks, and patterns for idiomatic code
A curated collection of AI coding agent skills for browser automation, frontend design, performance auditing, task tracking, and structured problem-solving workflows.
Automated design system construction from repository analysis to production-ready implementation.
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
Browser automation, accessibility debugging, LCP optimization, and DevTools troubleshooting skills
Git workflow commands for commits, reviews, suggestions, and worktree management
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.