Port Component
theexperiencecompany/gaia-ui
Ports a UI component from the gaia mono repo (theexperiencecompany/gaia) into the gaia-ui registry.
Create an offline HTML explanation of a code diff, PR, or branch.
$ npx skills add first-fluke/fullstack-starter --skill oma-explanation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install first-fluke/fullstack-starter oma-explanation --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/first-fluke/fullstack-starter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/oma-explanation .claude/skills/oma-explanation && 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 "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .claude/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanationType 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 first-fluke/fullstack-starter --skill oma-explanation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install first-fluke/fullstack-starter oma-explanation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/first-fluke/fullstack-starter.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/oma-explanation .agents/skills/oma-explanation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .agents/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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 first-fluke/fullstack-starter --skill oma-explanation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install first-fluke/fullstack-starter oma-explanation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/first-fluke/fullstack-starter.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/oma-explanation .cursor/skills/oma-explanation && 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 "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .cursor/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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/first-fluke/fullstack-starter.git --path .agents/skills/oma-explanation--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 first-fluke/fullstack-starter --skill oma-explanation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install first-fluke/fullstack-starter oma-explanation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/first-fluke/fullstack-starter.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/oma-explanation .gemini/skills/oma-explanation && 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 "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .gemini/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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 first-fluke/fullstack-starter oma-explanationInstalls 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 first-fluke/fullstack-starter --skill oma-explanation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/first-fluke/fullstack-starter.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/oma-explanation .github/skills/oma-explanation && 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 "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .github/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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 first-fluke/fullstack-starter --skill oma-explanation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install first-fluke/fullstack-starter oma-explanation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/first-fluke/fullstack-starter.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/oma-explanation .opencode/skills/oma-explanation && 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 "oma-explanation" agent skill from https://github.com/first-fluke/fullstack-starter/tree/main/.agents/skills/oma-explanation into .opencode/skills/oma-explanation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "oma-explanation", 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.
oma-explanationCreate an offline HTML explanation of a code diff, PR, or branch.
Oma Explanation is an agent skill from first-fluke/fullstack-starter. Create an offline HTML explanation of a code diff, PR, or branch. Use when an interactive code-change walkthrough is requested.
Its SKILL.md is about 2.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files (for example `resources/document-structure.md` and `resources/html-contract.md`).
It sits in Frontend & Design. It works with Git. The repository describes itself as: Production-ready fullstack monorepo template with Next.js, FastAPI, Flutter, Terraform, and mise. The licence is MIT.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 93b7e47. 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.
Shell commands in SKILL.md call:
ghgitFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use gh and git, which can reach the network depending on how they are called.
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.
Oma Explanation loads about 2.5k tokens when it runs. Until then it costs about 36 tokens; SKILL.md has 1,190 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); files beside SKILL.md are not scanned.
The full file from first-fluke/fullstack-starter at commit 93b7e47, republished under its MIT licence (© first-fluke). 1,190 words, ~2,548 tokens.
.claude/skills/oma-explanation/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.Generate an educational, self-contained interactive HTML document that explains a code change to
a reader — deep skippable background for newcomers, core intuition with toy data, a comprehension-
ordered code walkthrough, and a five-question quiz — saved under .agents/results/explain/ and
validated against a deterministic checklist.
/explain, names this skill, or asks for a rich explanation/walkthrough of a
diff, PR, branch, or commit range (설명서, 해설, コード解説, 代码讲解).convert precedent).oma-video (explainer mode); this skill produces HTML documentsoma-docs (drift detection)oma-slide (fixed 1920×1080 deck contract)oma-qa (or the review workflow); this
skill narrates a change educationally, it does not evaluate it#640, via gh pr diff), branch (git diff main...{branch}),
or SHA range (a..b / a...b)git diff --cached)git diff)HEAD~1..HEADonboarding (default — full deep background) | reviewer (condensed background).agents/oma-config.yaml language → en.
Prose and quiz in the user's language; code, identifiers, and inline code always English..agents/results/explain/{YYYY-MM-DD}-{slug}.html
(date in Asia/Seoul; same date + slug rerun overwrites).open <path> attempted (warn-only).{YYYY-MM-DD}-{slug}.archify.html (+ .archify.json) linked from the
explainer by a plain anchor, when diagram.explain_sidecar is on or the user asks and
oma diagram resolve reports engine: archify. Never embedded — the self-contained contract holds.outputs:
- name: explainer-html
description: Self-contained interactive HTML explainer (Background/Intuition/Code/Quiz)
artifact: ".agents/results/explain/*.html"
required: true
- name: explainer-archify-sidecar
description: Optional archify interactive diagram sidecar next to the explainer
artifact: ".agents/results/explain/*.archify.html"
required: falseresources/document-structure.md — WHAT the document contains (sections, diagrams, style)resources/html-contract.md — HOW the HTML behaves and is validated (self-contained rules,
quiz JS, grep checklist, secret gates)git; optional gh CLI for PR refs_shared/conditional/diagram-engine.md + oma diagram resolve for the opt-in archify sidecarcode_intelligence capability for surrounding-code exploration; native search is only for paths outside this project or ignored paths when it is unavailable or times out.oma explain validate [file] CLI command (and deterministic grep checklist in html-contract.md).resources/document-structure.md and resources/html-contract.md before generating.code_intelligence capability. If it is unavailable or times out, use native search only for paths outside this project or ignored paths
and record that limit.html-contract.md (including the final-HTML secret
scan). Fix → re-validate, max 3 iterations; then surface failures and stop..agents/results/explain/{YYYY-MM-DD}-{slug}.html, attempt
open <path> (warn-only), report TL;DR + path. If the archify sidecar is requested and
resolves, derive it from the primary flow diagram, validate/deliver it within two attempts
and five minutes total, anchor-link it when successful, and re-run the checklist once.
Stop on a repeated no-progress diagnosis. A sidecar failure never blocks delivery.reviewer level → condense Background tier A; keep Intuition/Code full.gh missing or unauthenticated → give install/auth guidance + local branch-diff alternative.open failure / headless environment → warn-only; the reported path suffices.| Action | SSL primitive | Evidence |
|---|---|---|
| Resolve target ref | SELECT | git/gh commands, resolution order |
| Collect diff + context | READ | git diff / gh pr diff, configured code intelligence or native fallback |
| Secret gates (pre/post) | VALIDATE | masked-hit report, user confirmation |
| Author HTML | WRITE | .agents/results/explain/*.html |
| Checklist validation | VALIDATE | grep checklist results, ≤3 fix loops |
| Deliver | NOTIFY | TL;DR + path, open attempt |
git; optional gh (PR refs via gh pr diff)code_intelligence capability for surrounding-code exploration; native search only for paths outside this project or ignored pathsresources/document-structure.md, resources/html-contract.md| Scope | Resource target |
|---|---|
LOCAL_FS | Diff/PR content and surrounding source (read-only); .agents/results/explain/*.html (write) |
PROCESS | git / gh / open subprocess calls |
NETWORK | gh pr diff (GitHub API) only when a PR ref is requested |
CREDENTIALS | gh auth token if configured; no other secrets handled |
.agents/workflows/explain.md Step 1)gh authenticated when a PR ref is requested.agents/results/explain/open <path> (local OS side effect; warn-only on failure)gh pr diff is read-onlyDriven end-to-end by .agents/workflows/explain.md (slash-only; disable-model-invocation: true).
resources/document-structure.md — document content contractresources/html-contract.md — HTML behavior, validation checklist, secret gates© first-fluke, MIT. 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 2 other files in .agents/skills/oma-explanation of first-fluke/fullstack-starter.
Open the folder on GitHubat commit 93b7e47
Oma Explanation 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 |
|---|---|---|---|---|---|---|
| Oma Explanation this skillfirst-fluke/fullstack-starter | 223 | — | ~2.5k | Automated safety check: Pass | MIT | |
| Port Componenttheexperiencecompany/gaia-ui | 220 | — | ~2.9k | Automated safety check: Pass | MIT | |
| Nutui Build Local Verifyjdf2e/nutui-react | 1.2k | — | ~472 | Automated safety check: Pass | None | |
| Compare Array Bundle SizePostHog/posthog-js | 628 | — | ~599 | Automated safety check: Pass | Custom licence | |
| UX Create Manifesth0x91b/dev-3.0 | 307 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | |
| Verify Atlaspoteto/verification-skill-example | 134 | — | ~1.4k | Automated safety check: Pass | None |
theexperiencecompany/gaia-ui
Ports a UI component from the gaia mono repo (theexperiencecompany/gaia) into the gaia-ui registry.
jdf2e/nutui-react
NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS(跳过 src/packages//demo.scss 与 demos);--mirror 写 scale-verify/;不写 build。
PostHog/posthog-js
Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.
h0x91b/dev-3.0
Create the initial Product UX Bible for an existing web or full-screen web app by deeply auditing the repository, using sub-agents when available, and generating docs/ux manifests, schemas, budgets…
poteto/verification-skill-example
Drive the Atlas workspace UI in a running Harbor Labs desktop build via CDP.
regisx001/Worklog
Design and UI skill for the Worklog desktop project manager.
Works with
Categories
Create an offline HTML explanation of a code diff, PR, or branch. Oma Explanation is an agent skill from first-fluke/fullstack-starter. Create an offline HTML explanation of a code diff, PR, or branch.
Oma Explanation fits situations like: an interactive code-change walkthrough is requested.
Run `npx skills add first-fluke/fullstack-starter --skill oma-explanation -a claude-code`. Or copy the skill folder (.agents/skills/oma-explanation in first-fluke/fullstack-starter) into .claude/skills/oma-explanation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add first-fluke/fullstack-starter --skill oma-explanation -a codex`. Or copy the skill folder (.agents/skills/oma-explanation in first-fluke/fullstack-starter) into .agents/skills/oma-explanation 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 first-fluke/fullstack-starter --skill oma-explanation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/oma-explanation, .gemini/skills/oma-explanation, .github/skills/oma-explanation and .opencode/skills/oma-explanation in your project.
Going by SKILL.md and its folder, Oma Explanation needs the command-line tools its instructions call (gh and git).
SKILL.md contains no URLs. Its commands use gh and git, which can reach the network depending on how they are called. 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. Review the folder before installing.
Oma Explanation is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.5k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Oma Explanation: Port Component (theexperiencecompany/gaia-ui, 220 stars), Nutui Build Local Verify (jdf2e/nutui-react, 1.2k stars), Compare Array Bundle Size (PostHog/posthog-js, 628 stars) and UX Create Manifest (h0x91b/dev-3.0, 307 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
first-fluke (a GitHub organization) maintains it in first-fluke/fullstack-starter, which has 223 GitHub stars. The repository was last updated on October 5, 2026.
Source: first-fluke/fullstack-starter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.