ape-design SKILL.md skillA

ape-design from arpitbbhayani/ape-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add arpitbbhayani/ape-skills/ape-design@git:20261017.6eef2a0

Pins git:20261017.6eef2a0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
arpitbbhayani/ape-skills
Path
ape-design/SKILL.md
Versions recorded
2
Latest version
git:20261017.6eef2a0, committed Oct 17, 2026
First version recorded
Oct 13, 2026
Size
16,421 bytes
Repository stars
49
License
MIT

Enforces the Array UI (array-ui) editorial systems design system for any frontend, UI, website, blog, personal site, SaaS dashboard, or documentation development task. Trigger on "ape design", "Array UI", or whenever building, styling, or scaffolding UI to guarantee high information density, mathematical precision, editorial typography, and 0% custom CSS without prompt loops.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# `ape-design`: Editorial Systems Design Skill (Array UI)

This skill enforces strict adherence to **Array UI (`array-ui`)**—the editorial, systems-engineering design system inspired by [arpitbhayani.me](https://arpitbhayani.me) and distributed at [ui.arpitbhayani.me](https://ui.arpitbhayani.me).

When building or modifying any website (personal portfolio, engineering blog, SaaS dashboard, technical documentation, or systems explainer), the agent **MUST** follow this workflow and rules without requiring prompt corrections.

---

## 1. The 6 Non-Negotiable Prime Invariants

### Invariant 1: Mandatory Font Enforcement (DO THIS FIRST)
> [!IMPORTANT]
> **Before creating or editing any components, the agent MUST verify that Google Fonts are loaded and applied to `body`.**
> If fonts are missing, the UI will fall back to system sans-serif (Arial/Inter), completely breaking the editorial authority.
>
> 1. **Google Fonts URL**:
>    `https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&display=swap`
> 2. **In `globals.css`** (or main CSS):
>    ```css
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add arpitbbhayani/ape-skills/ape-design@sha256:e1b9b26cd59cf255

The line at the top of this page pins the label git:20261017.6eef2a0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_yqgqpns6aejkujxl.svg)](https://markdownregistry.com/a/art_yqgqpns6aejkujxl)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Oct 13, 2026 and Oct 17, 2026, about one every 4 days.

versioncommittedcommitsizeaudit
git:20261017.6eef2a0 latest2026-10-17 6eef2a0 16,421 BA view · diff
git:20261013.55912e72026-10-13 55912e7 19,519 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (16421 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

arpitbbhayani/ape-skills · 49 stars · license MIT · pushed 2026-10-20 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_yqgqpns6aejkujxl
GET https://markdownregistry.com/api/v1/resolve?ref=arpitbbhayani/ape-skills/ape-design
GET https://markdownregistry.com/api/v1/blob/e1b9b26cd59cf25518cb3156a7f4572b3941fb74bdc854d28177b3425a558059

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from arpitbbhayani/ape-skills

ape-cli-terminal-experience SKILL.md skill
arpitbbhayani/ape-skills · ape-cli-terminal-experience/SKILL.md · Designs the terminal experience of a CLI app the way Claude Code does it -- palette, status glyphs, spinners, progress…
git:20260820.0944a9b · audit B · 49 stars
ape-commit SKILL.md skill
arpitbbhayani/ape-skills · ape-commit/SKILL.md · Defines how to write and format git commit messages. Use this skill whenever the user asks you to write, draft…
git:20260819.66e5370 · audit A · 49 stars
array-ui-review SKILL.md skill
arpitbbhayani/ape-skills · ape-design-review/SKILL.md · Review UI code or a running page against the Array UI (array-ui) editorial systems rules (0% custom CSS, hairline…
git:20261017.6eef2a0 · audit A · 49 stars
ape-present SKILL.md skill
arpitbbhayani/ape-skills · ape-present/SKILL.md · Converts a blog post into a single self-contained HTML document -- a visual-heavy, readable walkthrough with custom…
git:20260908.38207a5 · audit A · 49 stars
ape-quiz-me SKILL.md skill
arpitbbhayani/ape-skills · ape-quiz-me/SKILL.md · Quizzes you on content you claim to have read -- Socratic, one question at a time, hints that narrow but never reveal…
git:20260818.bac7cf3 · audit A · 49 stars
ape-style-markdown SKILL.md skill
arpitbbhayani/ape-skills · ape-style-markdown/SKILL.md · Apply consistent, professional Markdown formatting rules whenever producing or reformatting Markdown output. Use this…
git:20260527.8df3c9b · audit A · 49 stars
ape-write-pseudocode SKILL.md skill
arpitbbhayani/ape-skills · ape-write-pseudocode/SKILL.md · Guidelines for writing pseudocode for functions and algorithms. Use this skill whenever the user asks to write…
git:20260706.df9a006 · audit A · 49 stars

Every file in arpitbbhayani/ape-skills

Browse by kind, by grade A, or by owner.