firefly-footer-config — custom footer snippet injection firefly-footer-config, godblf.github.io, community, custom footer snippet injection, ide skills, footer HTML configuration, install firefly-footer-config, firefly-footer-config for web development, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Frontend Agents needing precise control over HTML injection and custom footer snippets. firefly-footer-config is a skill that enables the safe injection of custom footer snippets, maintaining existing styles and object structures.

Features

Toggles footer HTML injection for custom footer snippets
Maintains existing style, object structure, and value types
Applies smallest possible change inside declared scope
Reads current target file(s) before editing
Reports changed keys and paths

# Core Topics

GodBlf GodBlf
[0]
[0]
Updated: 3/4/2026

Agent Capability Analysis

The firefly-footer-config skill by GodBlf is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for custom footer snippet injection, footer HTML configuration, install firefly-footer-config.

Ideal Agent Persona

Perfect for Frontend Agents needing precise control over HTML injection and custom footer snippets.

Core Value

Empowers agents to toggle footer HTML injection and maintain custom footer snippets safely, utilizing TypeScript and HTML files such as footerConfig.ts and FooterConfig.html, and modifying specific keys like 'footerCo'.

Capabilities Granted for firefly-footer-config

Automating footer updates across multiple web pages
Generating custom footer snippets for UI design projects
Debugging issues related to HTML injection in footer sections

! Prerequisites & Limits

  • Requires access to src/config/footerConfig.ts and src/config/FooterConfig.html files
  • Limited to modifying footer HTML injection and custom snippets
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

firefly-footer-config

Install firefly-footer-config, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Firefly Footer Config

Overview

Toggle footer HTML injection and maintain custom footer snippets safely.

Workflow

  1. Read the current target file(s) before editing.
  2. Confirm the requested behavior and map it to existing keys.
  3. Apply the smallest possible change inside the declared scope.
  4. Keep existing style, object structure, and value types.
  5. Report changed keys and paths.

Edit Scope

  • src/config/footerConfig.ts
  • src/config/FooterConfig.html

Common Keys

  • footerConfig.enable
  • FooterConfig.html custom HTML blocks

Guardrails

  1. Do not modify files outside Edit Scope unless explicitly requested.
  2. Keep booleans, numbers, arrays, enums, and URLs in valid types.
  3. Preserve existing comments unless they conflict with the new behavior.
  4. Prefer minimal diffs that are easy to review.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is firefly-footer-config?

Perfect for Frontend Agents needing precise control over HTML injection and custom footer snippets. firefly-footer-config is a skill that enables the safe injection of custom footer snippets, maintaining existing styles and object structures.

How do I install firefly-footer-config?

Run the command: npx killer-skills add GodBlf/godblf.github.io/firefly-footer-config. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for firefly-footer-config?

Key use cases include: Automating footer updates across multiple web pages, Generating custom footer snippets for UI design projects, Debugging issues related to HTML injection in footer sections.

Which IDEs are compatible with firefly-footer-config?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for firefly-footer-config?

Requires access to src/config/footerConfig.ts and src/config/FooterConfig.html files. Limited to modifying footer HTML injection and custom snippets.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add GodBlf/godblf.github.io/firefly-footer-config. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use firefly-footer-config immediately in the current project.

Related Skills

Looking for an alternative to firefly-footer-config or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI