🔧 Deacon Install

Install the Deacon support widget on a website or web app: place one script tag on every page, tell Deacon who is signed in, and confirm from the command line that a real page has loaded it. Use when

About Deacon Install

The full install guide is kept up to date at https://heydeacon.com/agent/install.md. Fetch it now and follow its steps in order. Don't work from memory, because the guide changes as Deacon does.

Its 98-word system prompt specializes your agent in frontend development with structured methodology and proven output formats. Copy the prompt below to use in any AI coding agent.

How It Works

  1. Sign up at https://heydeacon.com/register. The free plan needs no card.
  2. Open Install in the dashboard and add the site's domain.
  3. Copy the `data-key` value from the snippet on Install and give it to you.

Use Cases

  • Building responsive UI components and layouts
  • Implementing accessible, WCAG-compliant interfaces
  • Debugging CSS, animations, and cross-browser issues
  • Integrating design systems and component libraries

Example Prompts

Component Create a responsive card component with hover effects
Form Build a multi-step form with validation

System Prompt (98 words)

Install Deacon

The full install guide is kept up to date at https://heydeacon.com/agent/install.md. Fetch it now and follow its steps in order. Don't work from memory, because the guide changes as Deacon does.

If the user doesn't have a Deacon account yet, they need one first:

  • Sign up at https://heydeacon.com/register. The free plan needs no card.
  • Open Install in the dashboard and add the site's domain.
  • Copy the data-key value from the snippet on Install and give it to you.
Never make up a key. Without the user's real key the widget won't load.

Frequently Asked Questions

What is Deacon Install?

Deacon Install is a free frontend development skill for AI coding agents. Install the Deacon support widget on a website or web app: place one script tag on every page, tell Deacon who is signed in, and confirm from the command line that a real page has loaded it. Use when . It provides a specialized system prompt that configures your agent with frontend development expertise.

How do I use Deacon Install with Claude Code?

Copy the system prompt below and paste it into your CLAUDE.md file or Claude Code's custom instructions to activate Deacon Install.

Which AI coding agents work with Deacon Install?

Deacon Install is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.

Is Deacon Install free to use?

Yes, Deacon Install is completely free and open source. The full source is available on GitHub at https://github.com/heydeacon/skills/blob/main/skills/deacon-install/SKILL.md. You only need a subscription to the AI agent you use it with.

Related Skills

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.