A skill your agent uses when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level…

Apache-2.0Auto-check passedFrontend & Design

Install Enforce Design CI

skills CLI
$ npx skills add hashgraph-online/awesome-codex-plugins --skill enforce-design-ci -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install hashgraph-online/awesome-codex-plugins enforce-design-ci --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/sarveshsea/memi/skills/enforce-design-ci .claude/skills/enforce-design-ci && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
enforce-design-ci
GitHub stars
1.3k
Token cost
~541 tokens
SKILL.md length
182 words
Files
2
Skills in repo
716
Repo updated
First seen
Licence
Apache-2.0

At a glance

A skill your agent uses when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level…

  • A repository needs deterministic pull-request checks for new accessibility
  • SKILL.md covers Existing project setup, Verify Locally, Add GitHub Actions and Completion Criteria
  • Calls npx
  • Component-structure

What it does

Enforce Design CI is an agent skill from hashgraph-online/awesome-codex-plugins. Use when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level evidence.

Its SKILL.md is about 540 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Frontend & Design, covering Design tokens and Pull requests. The repository describes itself as: A curated list of awesome OpenAI Codex / ChatGPT plugins, skills, and resources. The 1 Codex Marketplace. See live plugins at: https://hol.org/plugins/best-codex-plugins. The licence is Apache-2.0.

When your agent uses it

  • A repository needs deterministic pull-request checks for new accessibility
  • Component-structure
  • UI-state regressions with file-level evidence

Example prompts

  • “/enforce-design-ci”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit 3e1456a. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Enforce Design CI loads about 541 tokens when it runs. Until then it costs about 50 tokens; SKILL.md has 182 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~50
When it runs · the whole SKILL.md, loaded when a task matches
~541

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from hashgraph-online/awesome-codex-plugins at commit 3e1456a, republished under its Apache-2.0 licence (© hashgraph-online). 182 words, ~541 tokens.

Download SKILL.mdSave it as .claude/skills/enforce-design-ci/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
enforce-design-ci
description
Use when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level evidence.

Enforce Design CI

Add a reviewable design-quality gate that runs without an LLM. Memi writes a policy, baseline, universal agent skill, SARIF, and human-readable report artifacts.

This workflow targets published beta 2.8.0-beta.2. Use npx -y @memi-design/cli@2.8.0-beta.2 --version to verify the exact package; a local memi must report that same version before these recipes run. The independent stable compatibility baseline is 2.7.9. See current release state and known limitations. npm availability alone does not establish native-binary success.

Existing project setup

Beta initialization is unavailable. Use an existing reviewed policy and baseline; this skill does not invoke legacy setup commands. Review project changes before committing them.

Verify Locally

bash
memi --profile connected --allow project-write --allow source-content-persistence --allow shell ci . --no-scope --report --json

The command may exit nonzero when findings exceed the configured gate. Treat that as a quality result, not a tool crash.

Add GitHub Actions

Use the pinned major action in .github/workflows/design.yml:

yaml
name: Design CI
on: [pull_request]
jobs:
  design:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      security-events: write
    steps:
      - uses: actions/checkout@v4
        with:
          fetch-depth: 0
      - uses: memi-design/memi@v2
        with:
          version: "2.7.9"

Completion Criteria

  • Policy and baseline are reviewed and committed.
  • Local CI produces SARIF and a design-health report.
  • The workflow passes on unchanged accepted debt and fails on a seeded regression.
  • The final handoff names the gate threshold, suppressed baseline count, active findings, and artifact paths.

© hashgraph-online, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in plugins/sarveshsea/memi/skills/enforce-design-ci of hashgraph-online/awesome-codex-plugins.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit 3e1456a

Compare with similar skills

Enforce Design CI next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Enforce Design CI compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Enforce Design CI this skillhashgraph-online/awesome-codex-plugins1.3k—~541Automated safety check: PassApache-2.0
Ijfw ReviewFerroxLabs/ijfw212—~1.2kAutomated safety check: PassMIT
Composer UIdxos/dxos526—~9.3kAutomated safety check: PassCustom licence
Figma Design System Builderwarpdotdev/warp65k2 repos~4.4kAutomated safety check: PassAGPL-3.0
Figma use_figma Plugin API Ruleswarpdotdev/warp65k4 repos~4.4kAutomated safety check: PassAGPL-3.0
MCP Developmentcoollabsio/coolify63k1 repos~949Automated safety check: PassMIT

Similar skills

  • Ijfw Review

    FerroxLabs/ijfw

    A skill your agent uses when the user asks for a review of any artifact -- code diff, PR, book chapter, campaign brief, landing-page copy, or design tokens.

    212 GitHub stars~1.2k tokensUpdated 5 days ago
    Frontend & DesignAuto-check passed
  • Composer UI

    dxos/dxos

    A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

    526 GitHub stars~9.3k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Frontend & DesignAuto-check passed
  • Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Frontend & DesignAuto-check passed
  • MCP Development

    coollabsio/coolify

    A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

    63k GitHub starsUsed in 1 repo~949 tokens
    Frontend & DesignAuto-check passed
  • Design System

    Ohh-889/skyroc

    Token architecture, component specifications, and slide generation.

    795 GitHub starsUsed in 11 repos~1.7k tokens
    Frontend & DesignAuto-check passed

More from hashgraph-online/awesome-codex-plugins

All 716 skills in this repo
  • Anime Reaction Gif

    hashgraph-online/awesome-codex-plugins

    Create original anime-style reaction stickers as looping GIFs and MP4 previews, using generated character pose sheets and timed key poses.

    1.3k GitHub stars~922 tokensUpdated today
    Auto-check passed
  • Calibredb

    hashgraph-online/awesome-codex-plugins

    Manage and query Calibre libraries with the calibredb CLI (local paths or Calibre Content server URLs).

    1.3k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Rust API Test Harness

    hashgraph-online/awesome-codex-plugins

    A skill your agent uses when adding, changing, testing, or debugging Rust HTTP APIs and services, especially when Codex needs black-box integration tests, random-port app startup, real database test…

    1.3k GitHub stars~1.7k tokensUpdated today
    Auto-check passed
  • Art

    hashgraph-online/awesome-codex-plugins

    Make a studio's game look like something at build time — a cover from a real frame of the game (free), painted covers, backdrops, textures and character plates from image models through the…

    1.3k GitHub stars~2.4k tokensUpdated today
    Auto-check passed
  • Calle

    hashgraph-online/awesome-codex-plugins

    Use CALL-E from Codex through the calle CLI. An agent skill from hashgraph-online/awesome-codex-plugins.

    1.3k GitHub stars~2.9k tokensUpdated today
    Auto-check passed
  • Game Balance Economy

    hashgraph-online/awesome-codex-plugins

    Balance game difficulty, resources, rewards, probability, progression, economies, and dominant strategies.

    1.3k GitHub stars~618 tokensUpdated today
    Auto-check passed

Questions about Enforce Design CI

What does Enforce Design CI do?

A skill your agent uses when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level…. Enforce Design CI is an agent skill from hashgraph-online/awesome-codex-plugins. Use when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions with file-level evidence.

When should I use Enforce Design CI?

Enforce Design CI fits situations like: A repository needs deterministic pull-request checks for new accessibility; component-structure; UI-state regressions with file-level evidence.

How do I install Enforce Design CI in Claude Code?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill enforce-design-ci -a claude-code`. Or copy the skill folder (plugins/sarveshsea/memi/skills/enforce-design-ci in hashgraph-online/awesome-codex-plugins) into .claude/skills/enforce-design-ci in your project. Claude Code loads it when a task matches its description.

How do I install Enforce Design CI in Codex?

Run `npx skills add hashgraph-online/awesome-codex-plugins --skill enforce-design-ci -a codex`. Or copy the skill folder (plugins/sarveshsea/memi/skills/enforce-design-ci in hashgraph-online/awesome-codex-plugins) into .agents/skills/enforce-design-ci in your project. Codex loads it when a task matches its description.

Can I use Enforce Design CI in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add hashgraph-online/awesome-codex-plugins --skill enforce-design-ci -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/enforce-design-ci, .gemini/skills/enforce-design-ci, .github/skills/enforce-design-ci and .opencode/skills/enforce-design-ci in your project.

What does Enforce Design CI need to run?

Going by SKILL.md and its folder, Enforce Design CI needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Enforce Design CI access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is Enforce Design CI safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Enforce Design CI use?

Enforce Design CI is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Enforce Design CI use?

About 541 tokens (SKILL.md is roughly 2.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Enforce Design CI?

Skills that share tags, products or a category with Enforce Design CI: Ijfw Review (FerroxLabs/ijfw, 212 stars), Composer UI (dxos/dxos, 526 stars), Figma Design System Builder (warpdotdev/warp, 65k stars) and Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Enforce Design CI?

hashgraph-online (a GitHub organization) maintains it in hashgraph-online/awesome-codex-plugins, which has 1,267 GitHub stars. The repository holds 716 skills in this directory. The repository was last updated on October 10, 2026.

Source: hashgraph-online/awesome-codex-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.