Langfuse Previews
langfuse/langfuse
Use Langfuse's disposable per-PR previews at pr-N.preview.langfuse.com (synthetic data only).
Preview a weft workflow template with full step details. An agent skill from ccplugins/awesome-claude-code-plugins.
Apache-2.0Auto-check: notes
Install Wf Preview
$ npx skills add ccplugins/awesome-claude-code-plugins --skill wf-preview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ccplugins/awesome-claude-code-plugins wf-preview --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/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/weft/skills/wf-preview .claude/skills/wf-preview && 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 "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .claude/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-previewType 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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ccplugins/awesome-claude-code-plugins wf-preview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/weft/skills/wf-preview .agents/skills/wf-preview && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .agents/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ccplugins/awesome-claude-code-plugins wf-preview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/weft/skills/wf-preview .cursor/skills/wf-preview && 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 "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .cursor/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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/ccplugins/awesome-claude-code-plugins.git --path plugins/weft/skills/wf-preview--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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ccplugins/awesome-claude-code-plugins wf-preview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/weft/skills/wf-preview .gemini/skills/wf-preview && 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 "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .gemini/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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 ccplugins/awesome-claude-code-plugins wf-previewInstalls 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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/weft/skills/wf-preview .github/skills/wf-preview && 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 "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .github/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ccplugins/awesome-claude-code-plugins wf-preview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ccplugins/awesome-claude-code-plugins.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/weft/skills/wf-preview .opencode/skills/wf-preview && 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 "wf-preview" agent skill from https://github.com/ccplugins/awesome-claude-code-plugins/tree/main/plugins/weft/skills/wf-preview into .opencode/skills/wf-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "wf-preview", 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.
Facts
- Skill name
wf-preview- GitHub stars
- 967
- Token cost
- ~237 tokens
- SKILL.md length
- 85 words
- Files
- 1
- Skills in repo
- 68
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Preview a weft workflow template with full step details. An agent skill from ccplugins/awesome-claude-code-plugins.
- Works in 4 steps: If no arguments, list available… → Show the detailed preview → Explain the template to the user → …
- Types /wf-preview
- SKILL.md covers Arguments and Instructions
- Calls python3
What it does
Wf Preview is an agent skill from ccplugins/awesome-claude-code-plugins. Preview a weft workflow template with full step details. Use only when user types /wf-preview.
Its SKILL.md is about 240 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
The repository describes itself as: Awesome Claude Code plugins — a curated list of slash commands, subagents, MCP servers, and hooks for Claude Code. The licence is Apache-2.0.
When your agent uses it
- Types /wf-preview
Example prompts
- “/wf-preview”
Requirements
- Python 3
- Pre-approved tools (allowed-tools): Bash, Read
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- If no arguments, list available templates first
- Show the detailed preview
- Explain the template to the user
- Suggest: "Use /wf-start to start this workflow."
What it can do on your machine
Read from SKILL.md and the folder at commit 5bd4f16. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
BashRead
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Wf Preview loads about 237 tokens when it runs. Until then it costs about 26 tokens; SKILL.md has 85 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.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
allowed-tools: Bash, Read
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 ccplugins/awesome-claude-code-plugins at commit 5bd4f16, republished under its Apache-2.0 licence (© ccplugins). 85 words, ~237 tokens.
Download SKILL.mdSave it as
.claude/skills/wf-preview/SKILL.md (or your agent's skills folder).- name
- wf-preview
- description
- Preview a weft workflow template with full step details. Use only when user types /wf-preview.
- allowed-tools
- Bash, Read
- argument-hint
- <template-name>
Preview Weft Template
Show a detailed view of a workflow template's steps, policies, and guards.
Arguments
$ARGUMENTS
Instructions
If no arguments, list available templates first:
bash python3 "${CLAUDE_PLUGIN_ROOT}/core/cli.py" startThen ask which one to preview.
Show the detailed preview:
bash python3 "${CLAUDE_PLUGIN_ROOT}/core/cli.py" preview <template-name>Explain the template to the user:
- What each step does (from descriptions if available)
- Which steps have guards and what they block
- Which steps have non-default on_fail policies
- Which steps are optional
- Total step count and expected flow
Suggest: "Use
/wf-start <name>to start this workflow."
© ccplugins, 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
Just SKILL.md in plugins/weft/skills/wf-preview of ccplugins/awesome-claude-code-plugins.
Open the folder on GitHubat commit 5bd4f16
Compare with similar skills
Wf Preview 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 |
|---|---|---|---|---|---|---|
| Wf Preview this skillccplugins/awesome-claude-code-plugins | 967 | — | ~237 | Automated safety check: Notes | Apache-2.0 | |
| Langfuse Previewslangfuse/langfuse | 35k | — | ~2.8k | Automated safety check: Notes | Custom licence | |
| Upload Element Previewsremotion-dev/remotion | 62k | — | ~265 | Automated safety check: Pass | Custom licence | |
| Windmill Dev Page Previewwindmill-labs/windmill | 18k | — | ~1.8k | Automated safety check: Pass | Custom licence | |
| Docs Learn PR Previewnetdata/netdata | 81k | — | ~2k | Automated safety check: Pass | GPL-3.0 | |
| Previewblotcms/blot | 2k | — | ~649 | Automated safety check: Pass | AGPL-3.0 |
Similar skills
- Official
Upload Element Previews
remotion-dev/remotion
Upload a Remotion Element's preview assets to remotion.media and replace local preview URLs.
Windmill Dev Page Preview
windmill-labs/windmill
Opens the Windmill dev page to preview a flow, script or app, choosing between proxy and direct mode and deciding whether the agent or the runtime starts the wmill dev server.
Docs Learn PR Preview
netdata/netdata
Use only when the user explicitly asks to build, run, preview, inspect, or validate learn.netdata.cloud locally using the contents of a PR or documentation branch before merge.
Preview
blotcms/blot
Run this git worktree's code in its own local server at https://slot-local.blot (slots a-e) so the operator can see and click through it while the main stack keeps running.
Add Block Preview
simstudioai/sim
Gate a block's visibility — ship an unreleased block as a preview (hidden until revealed via AppConfig/env), reveal it to admins/orgs, GA it, or kill-switch a shipped block
More from ccplugins/awesome-claude-code-plugins
All 68 skills in this repoAI Meeting
ccplugins/awesome-claude-code-plugins
Run structured AI meetings for plans, product ideas, technical designs, business decisions, feature proposals, and strategy choices.
Fastapi App
ccplugins/awesome-claude-code-plugins
Bootstrap a new FastAPI backend with async SQLAlchemy 2.0, asyncpg, Alembic, Pydantic v2, and no deprecated APIs.
Flutter App
ccplugins/awesome-claude-code-plugins
Bootstrap a new Flutter mobile app with clean architecture, Riverpod, FVM-pinned SDK, current packages, and no deprecated APIs.
Nextjs App
ccplugins/awesome-claude-code-plugins
Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.
Dev Report
ccplugins/awesome-claude-code-plugins
Write up a coding session for a non-technical stakeholder — the context, what was built, and the engineering reasoning behind it — the way a senior engineer briefs a product manager who does not…
Difesa Attacchi
ccplugins/awesome-claude-code-plugins
Aggiunge a un sito/app un agente di difesa che rileva e blocca richieste malevole (SQL injection, XSS, path traversal, brute force, bot) con rate limiting, blocklist IP e modalità lockdown che…
Questions about Wf Preview
What does Wf Preview do?
Preview a weft workflow template with full step details. An agent skill from ccplugins/awesome-claude-code-plugins. Wf Preview is an agent skill from ccplugins/awesome-claude-code-plugins. Preview a weft workflow template with full step details.
When should I use Wf Preview?
Wf Preview fits situations like: types /wf-preview.
How do I install Wf Preview in Claude Code?
Run `npx skills add ccplugins/awesome-claude-code-plugins --skill wf-preview -a claude-code`. Or copy the skill folder (plugins/weft/skills/wf-preview in ccplugins/awesome-claude-code-plugins) into .claude/skills/wf-preview in your project. Claude Code loads it when a task matches its description.
How do I install Wf Preview in Codex?
Run `npx skills add ccplugins/awesome-claude-code-plugins --skill wf-preview -a codex`. Or copy the skill folder (plugins/weft/skills/wf-preview in ccplugins/awesome-claude-code-plugins) into .agents/skills/wf-preview in your project. Codex loads it when a task matches its description.
Can I use Wf Preview 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 ccplugins/awesome-claude-code-plugins --skill wf-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wf-preview, .gemini/skills/wf-preview, .github/skills/wf-preview and .opencode/skills/wf-preview in your project.
What does Wf Preview need to run?
Going by SKILL.md and its folder, Wf Preview needs the command-line tools its instructions call (python3). Our summary lists: Python 3. Its frontmatter pre-approves these tools: Bash, Read.
Does Wf Preview access the network?
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.
Is Wf Preview safe to install?
Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
What licence does Wf Preview use?
Wf Preview 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 Wf Preview use?
About 237 tokens (SKILL.md is roughly 948 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 Wf Preview?
Skills that share tags, products or a category with Wf Preview: Langfuse Previews (langfuse/langfuse, 35k stars), Upload Element Previews (remotion-dev/remotion, 62k stars), Windmill Dev Page Preview (windmill-labs/windmill, 18k stars) and Docs Learn PR Preview (netdata/netdata, 81k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Wf Preview?
ccplugins (a GitHub organization) maintains it in ccplugins/awesome-claude-code-plugins, which has 967 GitHub stars. The repository holds 68 skills in this directory. The repository was last updated on August 12, 2026.
Source: ccplugins/awesome-claude-code-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.