Menu

Individual skill

ape-design

0upvotes

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.

ape-design/SKILL.md

Read pinned source

Source commit db7ad939cc944eb71f61790a72b9a0d79008d226

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 7, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
56
Repository last updated
Oct 24, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# `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.
Back to top