gsmlg-dev
- 48 skills
- 0 followers
- 6 hours ago last updated
- ▌ Setup MCP · gsmlg-devUse when adding or configuring an MCP (Model Context Protocol) server in a Claude Code plugin. Triggers on "add mcp", "setup mcp", "configure mcp server", "add mcp.json to plugin", or any request to wire up an external MCP tool server to a plugin in this repository.
- ▌ Denox · gsmlg-dev bundleUse when building Elixir applications that need to evaluate JavaScript or TypeScript code, run Deno programs as subprocesses (MCP servers, CLI tools), load ES modules, import npm/jsr packages, call JS functions from Elixir, or use V8 snapshots. Also use when the user mentions Denox, deno_core, Rustler NIF JS runtime, TypeScript transpilation in Elixir, running MCP servers from Elixir, or managing Deno subprocesses with OTP supervision. Make sure to trigger this skill even if the user just says "add JS evaluation" or "run a TypeScript server" in an Elixir project that has denox as a dependency.
- ▌
- ▌
- ▌ Ecto Thinking · gsmlg-devThis skill should be used when the user asks to "add a database table", "create a new context", "query the database", "add a field to a schema", "validate form input", "fix N+1 queries", "preload this association", "separate these concerns", or mentions Repo, changesets, migrations, Ecto.Multi, has_many, belongs_to, transactions, query composition, or how contexts should talk to each other.
- ▌ Oban Thinking · gsmlg-devThis skill should be used when the user asks to "add a background job", "process async", "schedule a task", "retry failed jobs", "add email sending", "run this later", "add a cron job", "unique jobs", "batch process", or mentions Oban, Oban Pro, workflows, job queues, cascades, grafting, recorded values, job args, or troubleshooting job failures.
- ▌
- ▌ Cmd Speckit Init · gsmlg-devInitialize the .specify/ directory structure for Spec-Driven Development in the current project
- ▌ Cmd Speckit Plan · gsmlg-devExecute the implementation planning workflow using the plan template to generate design artifacts.
- ▌ Elixir Phoenix · gsmlg-dev bundleUse when creating a new Phoenix project, adding Phoenix to an umbrella, configuring assets with Bun, setting up devenv.nix for a Phoenix project, configuring Ecto with PostgreSQL Unix sockets, or adding end-to-end tests.
- ▌ Cmd Speckit Tasks · gsmlg-devGenerate an actionable, dependency-ordered tasks.md for the feature based on available design artifacts.
- ▌ Elixir Thinking · gsmlg-devThis skill should be used when the user asks to "implement a feature in Elixir", "refactor this module", "should I use a GenServer here?", "how should I structure this?", "use the pipe operator", "add error handling", "make this concurrent", or mentions protocols, behaviours, pattern matching, with statements, comprehensions, structs, or coming from an OOP background. Contains paradigm-shifting insights.
- ▌
- ▌ Cmd Setup Workflows · gsmlg-devCreate or update GitHub Actions workflows (ci, test, release, e2e) based on project type detection
- ▌ Flutter Duskmoon · gsmlg-dev bundleFlutter DuskMoon UI design system — theme, adaptive widgets, settings, feedback, forms, data visualization, code editor engine, and BLoC theme persistence. Use when building Flutter apps with duskmoon_ui, duskmoon_theme, duskmoon_widgets, duskmoon_settings, duskmoon_feedback, duskmoon_form, duskmoon_visualization, duskmoon_code_engine, or duskmoon_theme_bloc packages.
- ▌
- ▌
- ▌ Phoenix App Clip · gsmlg-dev bundleUse when mounting a React element into a Phoenix LiveView DOM node and moving data between the two — the "app-clip" integration pattern. Trigger this whenever the user wants to render a React component (or any client-side element) from inside a LiveView, embed an SPA-style widget in a LiveView page, use `createRoot`/`ReactDOM` inside a `phx-hook`, pass server data from Phoenix into a React tree, push events or state from React back to a LiveView's `handle_event/3`, share an auth token or trigger navigation from a mounted React component, or mentions app-clips, `phx-hook` `Mount*`, `phx-update` `"ignore"`, `pushEvent`/`handleEvent`, or React-in-LiveView integration. Use it even if they only say "render my React component in a LiveView" or "get data from Phoenix into React". This skill covers ONLY the integration seam — mounting and bidirectional data transfer. What the React component is, and which UI libraries it uses, is the user's own concern.
- ▌ Phoenix Thinking · gsmlg-devThis skill should be used when the user asks to "add a LiveView page", "create a form", "handle real-time updates", "broadcast changes to users", "add a new route", "create an API endpoint", "fix this LiveView bug", "why is mount called twice?", or mentions handle_event, handle_info, handle_params, mount, channels, controllers, components, assigns, sockets, or PubSub. Covers where to load data (mount vs handle_params) and the LiveView lifecycle.
- ▌ Cmd Speckit Analyze · gsmlg-devPerform a non-destructive cross-artifact consistency and quality analysis across spec.md, plan.md, and tasks.md after task generation.
- ▌ Cmd Speckit Clarify · gsmlg-devIdentify underspecified areas in the current feature spec by asking up to 5 highly targeted clarification questions and encoding answers back into the spec.
- ▌ Cmd Speckit Specify · gsmlg-devCreate or update the feature specification from a natural language feature description.
- ▌ Duskmoon Bundler · gsmlg-dev bundleSetup and use DuskmoonBundler for Phoenix and Phoenix LiveView assets. Use when installing or configuring :duskmoon_bundler, :duskmoon_bundler_runtime, or duskmoon_npm; replacing esbuild, Tailwind CLI, Bun, npm, or yarn workflows; adding DuskmoonBundler.DevServer; defining named bundler profiles; wiring static_path or preload tags; building assets with mix duskmoon_bundler.build; installing packages with mix npm.install; or running JS/TS format and lint tasks.
- ▌ Cmd Speckit Converge · gsmlg-devAssess the current codebase against the feature's spec, plan, and tasks, then append any remaining unbuilt work as new tasks to tasks.md so implement can complete it.
- ▌ Duskmoon Dev Core · gsmlg-devWhen using npm package `@duskmoon-dev/core`, this skill shows how to install, configure, and use the CSS component library
- ▌ Duskmoon Elements · gsmlg-dev bundleUse 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 44 element packages (button, card, input, dialog, table, tabs, markdown-input, code-block, pro-data-grid, circle-menu, and more).
- ▌ Cmd Fix Github Actions · gsmlg-devFix GitHub Actions failures by analyzing recent workflow runs and applying fixes in a worktree
- ▌ Cmd Speckit Checklist · gsmlg-devGenerate a custom checklist for the current feature based on user requirements.
- ▌
- ▌
- ▌ Duskmoon Components · gsmlg-devUse this skill whenever building a React or Next.js UI with @duskmoon-dev/components, choosing DuskMoon React imports, wiring package styles, using standard components such as Button/Table/Form/Input, using Dm workflow components, or explaining how consumers should install and use the package. This skill is for package consumption, not for editing the package source.
- ▌ Phoenix Duskmoon UI · gsmlg-dev bundlePhoenix 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.
- ▌ Elixir Observability · gsmlg-dev bundleUse this skill when designing, implementing, reviewing, or refactoring observability in Elixir, Phoenix, Ecto, Oban, Broadway, or OTP applications. Applies when choosing between :telemetry and OpenTelemetry, defining telemetry events, adding metrics, creating spans, propagating trace context, or integrating with observability backends.
- ▌ Cmd Speckit Init Update · gsmlg-devUpdate .specify/ scripts and templates from upstream github/spec-kit
- ▌ Duskmoon Dev CSS Art · gsmlg-devWhen using npm package `@duskmoon-dev/css-art`, this skill shows how to install, configure, and use the pure CSS art component library
- ▌ Cmd Fix Internal Requests · gsmlg-devFix all open GitHub issues labeled `internal request` in isolated worktrees, then open PRs
- ▌ Cmd Speckit Constitution · gsmlg-devCreate or update the project constitution from interactive or provided principle inputs, ensuring all dependent templates stay in sync.
- ▌ Duskmoon Art Elements · gsmlg-dev bundleUse 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.
- ▌ Flutter Duskmoon Design · gsmlg-devUse when writing Flutter code that uses flutter_duskmoon_ui packages, when creating or modifying widgets that consume DmTheme or DmDesignTokens, when setting up theming in a DuskMoon app, when building adaptive widgets, or when reviewing code for DuskMoon design compliance. Also trigger when the user mentions duskmoon_theme, duskmoon_widgets, DuskmoonApp, DmTheme, DmAdaptiveWidget, DmDesignTokens, DmPlatformStyle, or any Dm* widget prefix. This skill defines the rules and patterns that ALL code touching the DuskMoon Flutter ecosystem must follow.
- ▌ Cmd Speckit Taskstoissues · gsmlg-devConvert existing tasks into actionable, dependency-ordered GitHub issues for the feature based on available design artifacts.
- ▌ Ecto Release Migrations · gsmlg-devSet up database migrations for Elixir releases. Use when asked to configure release migrations, add migrate command to releases, or set up Ecto for production deployment without Mix.
- ▌ Chrome Devtools MCP · gsmlg-devBrowser 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.
- ▌ Duskmoon Art Components · gsmlg-devUse this skill whenever adding CSS art illustrations to a React or Next.js app with @duskmoon-dev/art-components, choosing Art* wrapper components, wiring @duskmoon-dev/css-art styles, configuring art variants, or explaining how consumers should install and use the package. This skill is for package consumption, not for editing the package source.
- ▌ Phoenix Duskmoon Design · gsmlg-devDesign conventions and visual quality guide for Phoenix projects using DuskMoon UI. Defines component color defaults, theme setup, surface elevation, color pairing rules, typography, layout composition, and motion patterns. Read this before writing any HEEX template, CSS, layout code, or creating new pages/views.
- ▌ Memory Leak Debugging · gsmlg-dev bundleDiagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to analyze heapsnapshots or run memory leak detection tools like memlab.
- ▌ Cmd Setup Phoenix Duskmoon · gsmlg-devSet up DuskMoon UI system in a Phoenix project — tailwindcss v4, duskmoon_bundler, phoenix_duskmoon components, and CLAUDE.md constitution
- ▌ Cmd Phoenix Convert Gettext · gsmlg-devConvert Phoenix app hardcoded text to use gettext with domain-based translations
- ▌ Cmd Check Flutter Duskmoon Design · gsmlg-devRead `phoenix-duskmoon-design` skill first to understand all design rules, then audit this project for compliance. Report every violation with file path, line number, the offending code, and the correct fix.