Skills

bootstrap-env-banner

Installation
SKILL.md

Bootstrap Environment Banner

Add a sticky bar at the top of every HTML page that makes it unmistakable when the app is not running in production (e.g. local dev, or a non-production deployment).

Prerequisites

Verify before starting:

  1. Phoenix 1.8 app with HEEx layouts (a *Web.Layouts module embedding layouts/*)
  2. At least one root layout (root.html.heex) with a <body> tag
  3. Tailwind CSS (daisyUI optional — see Styling note in Step 2)

App Name Detection

Detect from mix.exs:

  • OTP app name (e.g., my_app) — used in config keys and Application.get_env/2
  • Web module (e.g., MyAppWeb) — the module holding Endpoint and Layouts

Replace all my_app / MyAppWeb template references accordingly.

Installs
1
Repository
agoodway/goodskills
First Seen
14 days ago
bootstrap-env-banner — agoodway/goodskills