Design Guide
paperclipai/paperclip
Paperclip UI design system guide for building consistent, reusable frontend components.
Designs and validates a reusable Creator meta-skill workflow for an evidence-backed recurring construction gap after distill-ml-knowledge selects the design-reusable strategy.
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skill --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .claude/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .claude/skills/design-meta-skill && rm -rf skills-srcUse ~/.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/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .claude/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skillType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skill --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .agents/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .agents/skills/design-meta-skill && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .agents/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skill --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .cursor/skills/design-meta-skill && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .cursor/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/VectorSpaceLab/AREX-Skill.git --path cli/packages/coding-agent/src/disco/skills/design-meta-skill--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skill --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .gemini/skills/design-meta-skill && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .gemini/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skillInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .github/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .github/skills/design-meta-skill && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .github/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install VectorSpaceLab/AREX-Skill design-meta-skill --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/VectorSpaceLab/AREX-Skill.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/cli/packages/coding-agent/src/disco/skills/design-meta-skill .opencode/skills/design-meta-skill && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "design-meta-skill" agent skill from https://github.com/VectorSpaceLab/AREX-Skill/tree/main/cli/packages/coding-agent/src/disco/skills/design-meta-skill into .opencode/skills/design-meta-skill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-meta-skill", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
design-meta-skillDesigns and validates a reusable Creator meta-skill workflow for an evidence-backed recurring construction gap after distill-ml-knowledge selects the design-reusable strategy.
Design Meta Skill is an agent skill from VectorSpaceLab/AREX-Skill. Designs and validates a reusable Creator meta-skill workflow for an evidence-backed recurring construction gap after distill-ml-knowledge selects the design-reusable strategy. Use it to parameterize future source or task anchors, verify the workflow, and prepare an approved managed Creator-infrastructure import.
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including scripts and reference files (for example `references/generation-verification-and-review.md` and `references/reusable-bundle-specification.md`).
The repository describes itself as: A Skill Library for Automated Machine Learning. The licence is Apache-2.0.
11 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit ac3fe1a. It shows what the files ask for, not the result of running them.
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.
Ships 2 files in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
nodeFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Design Meta Skill loads about 1.6k tokens when it runs, and up to ~4.6k if it reads all its reference files. Until then it costs about 83 tokens; SKILL.md has 687 words of instructions outside code blocks.
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.
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); the scripts in this folder are not scanned.
The full file from VectorSpaceLab/AREX-Skill at commit ac3fe1a, republished under its Apache-2.0 licence (© VectorSpaceLab). 687 words, ~1,594 tokens.
.claude/skills/design-meta-skill/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.Design a parameterized Creator workflow for future distillation anchors. This
skill does not produce the operating graph for the current task and does not
execute the final research or software task. The paper distinguishes only
task-agnostic and task-oriented distillation; design-reusable is a Creator
construction strategy, not a third distillation form.
distill-ml-knowledge owns anchor identification, Q scoping, adequacy
assessment, composition assessment, and strategy selection. This skill owns the
reusable workflow design, validation, approval, and managed Creator-infrastructure
import after it receives that exact handoff.
Require the current routing handoff with:
construction strategy: design-reusable;anchor kind, anchor identity, and distillation form;tau = (q, D, E, g) when the gap came from a task-oriented run;Q, required evidence/source behavior, and
verification/recovery needs;If invoked without this handoff, read ../distill-ml-knowledge/SKILL.md and
return through canonical routing. Do not start another reuse, composition, or
gap decision here. If the visible inventory or requirements changed materially,
return the evidence for a new routing revision.
Validate the handoff and stop with the exact missing blocking fields. Do not inspect Researcher-only skills or hidden paths.
Read reusable-bundle-specification.md. Draft the exact future-anchor and four-stage specification, preserving exclusions and assumption owners. Obtain approval before material source exploration, file generation, or compute use.
Stage all artifacts outside live skill roots, for example:
~/.disco/agent/creator-runs/<run>/<timestamp>/
routing-handoff.md
reusable-bundle-spec.md
evidence-plan.md
draft/<meta-skill-id>/
verification/
construction-record.mdRead generation-verification-and-review.md and generate a workflow that later performs scope, ground, construct, and verify for caller-supplied anchors.
Parameterize all source, task, environment, permissions, budget, graph, and handoff inputs. Never hardcode the current checkout, credentials, temporary task state, or machine-specific paths.
Keep every draft meta SKILL.md explicitly metadata.disco-role: meta. Do
not include target-specific agents/ or agents/openai.yaml. Require every
operating root, router, and sub-skill produced by the future workflow to
declare metadata.disco-role: operating.
Verify the candidate workflow on representative anchors: one task-agnostic source anchor, one task-oriented task anchor with source discovery, one source/access failure and recovery, one graph verification failure and local repair, one task-bound/project deployment, and one self-contained/managed deployment. Confirm uncertain reuse defaults to project scope, each graph stays in one scope, and repo output uses its specialized locked transaction.
Run the validator before review:
node scripts/validate_meta_skill.mjs <draft-meta-skill-dir>Present the routing revision, reusable-bundle specification, evidence plan, candidate files, verification results, unresolved gaps, exact managed target, collisions, and overwrite impact. Obtain approval for this exact artifact revision.
After approval, import only the reviewed runtime meta bundle as Creator infrastructure:
node scripts/import_meta_skill.mjs \
--agent-dir ~/.disco/agent \
<creator-run-dir>/draft/<meta-skill-id>Use --overwrite only after separate approval. The helper refuses to
replace an operating or unclassified target.
Tell the user to run /reload. The next invocation of the imported meta
skill, not this design run, constructs and verifies the operating graph and
writes its researcher-handoff.md.
The future workflow's output is accepted operating graph G and construction
record R; the current meta bundle itself is not an operating graph. Its
reusability is assessed against recurring anchors and the generated workflow's
ability to support both project deployment under .agents/skills/ and managed
deployment under ~/.disco/agent/skills/.
distill-ml-knowledge.© VectorSpaceLab, 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
SKILL.md and 4 other files (scripts, references) in cli/packages/coding-agent/src/disco/skills/design-meta-skill of VectorSpaceLab/AREX-Skill.
Open the folder on GitHubat commit ac3fe1a
Design Meta Skill 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Design Meta Skill this skillVectorSpaceLab/AREX-Skill | 331 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | |
| Design Guidepaperclipai/paperclip | 99k | 1 repos | ~3.1k | Automated safety check: Pass | MIT | |
| Design Systemaffaan-m/ECC | 276k | — | ~698 | Automated safety check: Pass | MIT | |
| Design Audit Against Rams' Principlesthedotmack/claude-mem | 99k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | |
| Figma Design to Codewarpdotdev/warp | 65k | 4 repos | ~2.9k | Automated safety check: Pass | AGPL-3.0 | |
| Design Consultationgarrytan/gstack | 136k | — | ~15k | Automated safety check: Notes | MIT |
paperclipai/paperclip
Paperclip UI design system guide for building consistent, reusable frontend components.
affaan-m/ECC
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…
thedotmack/claude-mem
Audits a design against Dieter Rams' ten principles of good design, scores each with evidence, and hands off a make-plan prompt for a new, refined or redesigned outcome.
warpdotdev/warp
Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.
garrytan/gstack
Learns about your product, studies the landscape and writes a DESIGN.md with a full design system covering type, color, layout, spacing and motion.
XiaomiMiMo/MiMo-Code
Entry point to a bundle of product design workflows covering context, research, audits, ideation, URL or image to code, design QA and sharing a prototype.
VectorSpaceLab/AREX-Skill
Use this repo skill for Agent Lightning package tasks: authoring trainable agents, tracing rewards and spans, running LightningStore/Trainer loops, using agl CLI services, choosing examples, and…
VectorSpaceLab/AREX-Skill
A skill your agent uses when configuring LiteLLM for MCP tools, A2A agents, Claude Code/Cursor agent gateway traffic, MCP auth/OAuth, tool permissions, semantic filtering, or agent-specific proxy…
VectorSpaceLab/AREX-Skill
Build and debug DB-GPT agents, tools, skills, teams, and AWEL workflows, including deterministic local DAG runs and HTTP-trigger topology without assuming an LLM, credential, or external service.
VectorSpaceLab/AREX-Skill
Work on the actively maintained LangChain v1 agent package: initchatmodel, createagent, structured output, tools, middleware, embeddings initialization, provider routing, and agent runtime…
VectorSpaceLab/AREX-Skill
A skill your agent uses for giskard.agents async chat workflows, tools, prompt templates, structured outputs, retries, rate limiting, embeddings, and optional LiteLLM backend.
VectorSpaceLab/AREX-Skill
A skill your agent uses for AlphaFold 3 input preparation, prediction command planning, output interpretation, and Python API inspection.
Designs and validates a reusable Creator meta-skill workflow for an evidence-backed recurring construction gap after distill-ml-knowledge selects the design-reusable strategy. Design Meta Skill is an agent skill from VectorSpaceLab/AREX-Skill. Designs and validates a reusable Creator meta-skill workflow for an evidence-backed recurring construction gap after distill-ml-knowledge selects the design-reusable strategy.
Design Meta Skill fits situations like: parameterize future source; verify the workflow; prepare an approved managed Creator-infrastructure import.
Run `npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a claude-code`. Or copy the skill folder (cli/packages/coding-agent/src/disco/skills/design-meta-skill in VectorSpaceLab/AREX-Skill) into .claude/skills/design-meta-skill in your project. Claude Code loads it when a task matches its description.
Run `npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a codex`. Or copy the skill folder (cli/packages/coding-agent/src/disco/skills/design-meta-skill in VectorSpaceLab/AREX-Skill) into .agents/skills/design-meta-skill in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add VectorSpaceLab/AREX-Skill --skill design-meta-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-meta-skill, .gemini/skills/design-meta-skill, .github/skills/design-meta-skill and .opencode/skills/design-meta-skill in your project.
Going by SKILL.md and its folder, Design Meta Skill needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node). Our summary lists: Node.js.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Design Meta Skill 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.
About 1.6k tokens (SKILL.md is roughly 6.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Design Meta Skill: Design Guide (paperclipai/paperclip, 99k stars), Design System (affaan-m/ECC, 276k stars), Design Audit Against Rams' Principles (thedotmack/claude-mem, 99k stars) and Figma Design to Code (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
VectorSpaceLab (a GitHub organization) maintains it in VectorSpaceLab/AREX-Skill, which has 331 GitHub stars. The repository holds 157 skills in this directory. The repository was last updated on September 3, 2026.
Source: VectorSpaceLab/AREX-Skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.