← All skills
directions-lab
77 / 100 · Review before installing
Check before installing.
By paperclipai/paperclip (GitHub) · design · 113,791 stars · scanned at commit aaec67b
Scaffold a directions lab that shows shipped UI (Today) beside 2-3 design directions, with surface tabs, theme and animation toggles and the V1 MVP hover motion, registered in design-proposals Storybook. Use for a directions page or lab, or to explore design directions next to production.
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 13 places.
Show 10 more
- .agents/skills/directions-lab/SKILL.md, line 189
node ui/src/<slug>-directions/shot.cjs --port <dev> --d all --out <scratch dir> - .agents/skills/directions-lab/SKILL.md, line 200
node .agents/skills/directions-lab/scripts/scaffold.mjs check --slug <slug> --strict --run - .agents/skills/directions-lab/assets/templates/vite.config.mjs.mjs, line 2
import { execFileSync } from "node:child_process"; - .agents/skills/directions-lab/assets/templates/vite.config.mjs.mjs, line 25
return execFileSync("git", ["rev-parse", "--short", "HEAD"], { cwd: __dirname, encoding: "utf8", stdio: ["ignore", "pipe", "ignore"] }).trim() || "unknown"; - .agents/skills/directions-lab/scripts/lib/context.mjs, line 1
import { execFileSync } from "node:child_process"; - .agents/skills/directions-lab/scripts/lib/context.mjs, line 101
return execFileSync("git", ["rev-parse", "--short", "HEAD"], { cwd: root, encoding: "utf8", stdio: ["ignore", "pipe", "ignore"] }).trim() || "unknown"; - .agents/skills/directions-lab/scripts/lib/verify.mjs, line 1
import { spawnSync } from "node:child_process"; - .agents/skills/directions-lab/scripts/lib/verify.mjs, line 5
const result = spawnSync(command, args, { - .agents/skills/directions-lab/scripts/scaffold.test.mjs, line 2
import { spawnSync } from "node:child_process"; - .agents/skills/directions-lab/scripts/scaffold.test.mjs, line 44
const result = spawnSync(process.execPath, [SCAFFOLD, ...args, ...(root ? ["--root", root] : [])], { encoding: "utf8" });
Downloads and installs other software
The author does not mention this.
Found in 25 places.
Show 17 more
- .agents/skills/directions-lab/references/canonical-directory.md, line 215
cd ui && npx vitest run storybook/map-tooling.test.ts # 1 passed; wraps the three node --test files (ui/storybook/map-tooling.test.ts:6) - .agents/skills/directions-lab/references/drawing-phases.md, line 57
1. Retype the data. Edit `SurfaceData` in `kit.ts` so each member is the props that place receives in the product (`{ thread: { items: LabRecord[] } }` becomes, - .agents/skills/directions-lab/references/drawing-phases.md, line 67
- `cd ui && npx vitest run src/<slug>-directions/today.test.tsx` passes with the shipped components mounted. The test renders each `kit.<Pascal>Body` on the fix - .agents/skills/directions-lab/references/drawing-phases.md, line 89
- `cd ui && npx vitest run src/<slug>-directions` passes (registry, lab-state, api-stub, motion-contract, today). One full `ui` vitest at a time; concurrent run - .agents/skills/directions-lab/references/drawing-phases.md, line 99
npx playwright install chromium - .agents/skills/directions-lab/references/generator.md, line 204
`npx vitest run src/<slug>-directions` from `ui/`, then (unless `--no-build`) - .agents/skills/directions-lab/references/generator.md, line 234
runs `npx vitest run src/<slug>-directions/motion-contract.test.ts`. `--strict` fails on any - .agents/skills/directions-lab/references/lab-anatomy.md, line 135
`lab-state.test.ts` (54 lines, 10 tests) pins the defaults, the fallbacks for unknown `d`/`s`, the short form and round-trips. `new` writes one per lab against - .agents/skills/directions-lab/references/repo-gates.md, line 325
cd ui && npx vitest run src/<lab> - .agents/skills/directions-lab/references/repo-gates.md, line 328
ARTIFACT-SPECIFIC: `cd ui && npx vitest run src/artifact-directions` runs 6 files, 31 tests. Run one - .agents/skills/directions-lab/references/repo-gates.md, line 340
cd ui && npx vitest run src/<slug>-directions - .agents/skills/directions-lab/references/repo-gates.md, line 343
cd ui && <SLUG>_DIRECTIONS_OUT_DIR=node_modules/.<slug>-directions-dist npx vite build --config vite.<slug>-directions.config.mjs - .agents/skills/directions-lab/references/today-fixtures-and-build.md, line 270
cd ui && npx vite --config vite.artifact-directions.config.mjs --port 5180 --strictPort - .agents/skills/directions-lab/references/today-fixtures-and-build.md, line 271
cd ui && export ARTIFACT_DIRECTIONS_OUT_DIR=node_modules/.artifact-directions-dist && npx vite build --config vite.artifact-directions.config.mjs && npx vite pr - .agents/skills/directions-lab/references/today-fixtures-and-build.md, line 274
`artifact-directions-dev` (5180) is for editing with HMR. `artifact-directions` (5190) builds into `ui/node_modules/.artifact-directions-dist` (gitignored throu - .agents/skills/directions-lab/references/today-fixtures-and-build.md, line 284
Six files: `lab-state.test.ts`, `api-stub.test.ts`, and `directions/d5-v1-mvp/Thread.test.tsx`, `MediaPrint.test.ts`, `kinds.test.ts`, `when.test.ts`. **GENERIC - .agents/skills/directions-lab/references/today-fixtures-and-build.md, line 311
ARTIFACT_DIRECTIONS_OUT_DIR=<dir>/paperclip-artifact-directions npx vite build --config vite.artifact-directions.config.mjs
and 5 more places
Connects to the internet
The author does not mention this.
Found in 4 places.
Show 1 more
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'directions-lab' ] || [ -L ~/.agents/skills/'directions-lab' ]; then echo 'A skill folder named directions-lab already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/paperclipai/paperclip' "$d" && git -C "$d" checkout --quiet 'aaec67b89161e42571bd12f7c3e3b26ac92be3ce' -- '.agents/skills/directions-lab' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/directions-lab' ~/.agents/skills/'directions-lab' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'directions-lab' ~/.claude/skills/'directions-lab' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for paperclipai/paperclip shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/paperclipai/paperclip/)
Score history
| Date | Version | Score |
|---|
| 2026-11-14 | aaec67b | 77 |
| 2026-11-11 | bc45334 | 77 |
| 2026-11-08 | 68d5fb5 | 77 |
| 2026-11-07 | 6cfb69b | 77 |