Skip to content

Minimal Agency Grid Design

Guides the agent to build editorial, grid-based minimal agency-style web pages with oversized type.

Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
4 files

What it does

When installed, the agent follows a specific visual style for web pages: a strict multi-column editorial grid, very large headlines, tiny uppercase labels, restrained image blocks, thin separators, and light motion such as text reveals. It is written as a design-direction guide rather than a code library, so it shapes how the agent lays out and styles a page. The included demo files show an example of the look.

Great for

  • Designers who want a refined architecture or strategy agency website look
  • Front-end developers prototyping a minimal editorial landing page
  • Anyone who wants a consistent, spacious visual direction for an agent to follow

Skip it if

  • Dashboards or app interfaces, since the skill explicitly steers away from containerized, card-heavy layouts
  • Projects needing a bold, colourful or startup-style landing page, which the skill says it is not meant for

Try asking

  • “Build a landing page for an architecture studio using this minimal agency grid style”
  • “Redesign our services page with oversized headlines and small uppercase labels in side columns”
  • “Create a minimal agency home page with a large facade-style image block and thin separators”
Step-by-step guide: how to use Minimal Agency Grid DesignInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 4 original files, the MIT licence and an attribution note.

    agency-grid-layout-minimal.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip agency-grid-layout-minimal.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip agency-grid-layout-minimal.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the kind of business (architecture, strategy, design) so the agent picks the right tone.
  • Supply your own images and copy; the skill governs layout and typography, not content.
  • Ask for a specific framework or file type up front, since the SKILL.md does not specify one.

What's inside

  • demo/index.html
  • demo/PROMPT.md
  • demo/source.json
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.

Find exactly what
you're looking for