Skip to content
WhiteSteedDigital

Open-source agent skill

A designer’s eyefor church websites.

Church Design / For Claude Code, Codex, and Cursor

A free skill that teaches your coding agent how a church site should look and work: five style directions, brand rules that hold every page together, and type that every age in the pews can read.

npx skills add theeastgate/church-design -g

Installs for Claude Code, Codex, Cursor, and most agents that read SKILL.md files. Leave off -g to install into one project.

01 / Directions

Five directions. Choose one, keep it everywhere.

During setup the church picks a direction. The skill locks its fonts, colors, corners, and buttons into a MINISTRY.md file, so page twenty still matches page one.

Plus an optional Ministry Hub layer: a color, mark, and card for every ministry, on top of any direction.

01 / Bold ContemporarySpecimen

Two campuses in Lakeport

You don’t have to have it figured out.

Sundays 9 & 11

  • Ink #111111
  • Surface #ffffff
  • Alt #f5f5f4
  • Accent #1d4ed8

Fits: Large and multisite churches with strong photo and video

02 / How it works

Four modes. Plain requests.

There are no commands to learn. Ask your agent for what you need, and the skill picks the mode. Setup happens once; every page after that reads the same MINISTRY.md.

  1. 01

    init

    Asks about the church once: tradition, audience, logo, Bible translation, photos, and Sunday details. Then it locks the brand into a MINISTRY.md file every page reads.

    You say“Set up the church design skill for Grace Fellowship.”

  2. 02

    design

    Builds pages and sections from that brand: an uncluttered homepage that points inward, and inner pages that carry the depth.

    You say“Design our Plan a Visit page.”

  3. 03

    refresh

    Restyles an existing site in reviewable layers, keeping the logo, URLs, content, and embeds that already work. WordPress block themes, classic themes, and page builders included.

    You say“Refresh our WordPress homepage.”

  4. 04

    audit

    Reviews a page against the rules: contrast, text size, the path to Give, balance, white space, and the generic patterns that make church sites look alike.

    You say“Audit our homepage.”

03 / The rules

Rules it keeps in every direction.

Visitors range from teenagers to great-grandparents. These hold whichever look the church chooses, and the audit mode checks them.

0px

Minimum body text, so every age can read it

0

Clicks or fewer to Give, from any page

0.0:1

Contrast for text, checked on photos too

0

Set of brand constants per site, so every page matches

  • The church's own photos first, never stock hands raised under stage lights
  • Service times and address on the homepage
  • The church's mark instead of clip-art crosses
  • Scripture in the translation the church chooses, with the reference

05 / Install

One line, then ask.

Install it, open your agent in the church’s project, and say “Set up the church design skill.” The skill is free and MIT licensed. Issues and ideas are welcome on GitHub.

npx skills add theeastgate/church-design -g

Installs for Claude Code, Codex, Cursor, and most agents that read SKILL.md files. Leave off -g to install into one project.

Need the site built instead?

Start a project