Defuddle
kepano/obsidian-skills
Uses the Defuddle CLI to pull clean, readable Markdown, JSON or metadata from web pages, stripping navigation, ads and clutter to save tokens.
Guides edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from npm run dev:code:web.
AGPL-3.0Auto-check passed
Install Ade Tui Web Preview
$ npx skills add arul28/ADE --skill ade-tui-web-preview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install arul28/ADE ade-tui-web-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/arul28/ADE.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .claude/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .claude/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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/arul28/ADE/tree/main/.agents/skills/ade-tui-web-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 arul28/ADE --skill ade-tui-web-preview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install arul28/ADE ade-tui-web-preview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/arul28/ADE.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .agents/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .agents/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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 arul28/ADE --skill ade-tui-web-preview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install arul28/ADE ade-tui-web-preview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/arul28/ADE.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .cursor/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .cursor/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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/arul28/ADE.git --path .agents/skills/ade-tui-web-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 arul28/ADE --skill ade-tui-web-preview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install arul28/ADE ade-tui-web-preview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/arul28/ADE.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .gemini/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .gemini/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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 arul28/ADE ade-tui-web-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 arul28/ADE --skill ade-tui-web-preview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/arul28/ADE.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .github/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .github/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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 arul28/ADE --skill ade-tui-web-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 arul28/ADE ade-tui-web-preview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/arul28/ADE.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/ade-tui-web-preview .opencode/skills/ade-tui-web-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 "ade-tui-web-preview" agent skill from https://github.com/arul28/ADE/tree/main/.agents/skills/ade-tui-web-preview into .opencode/skills/ade-tui-web-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ade-tui-web-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
ade-tui-web-preview- GitHub stars
- 114
- Token cost
- ~2k tokens
- SKILL.md length
- 737 words
- Files
- 2
- Skills in repo
- 28
- Repo updated
- First seen
- Licence
- AGPL-3.0
At a glance
Guides edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from npm run dev:code:web.
- Provides browser web-preview screenshots
- SKILL.md covers Mental model (read first), Where to edit, How to read web preview context and Edit workflow, plus 4 more sections
- Calls npm
- Xterm mirror context
What it does
Ade Tui Web Preview is an agent skill from arul28/ADE. Guides edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from npm run dev:code:web. Explains PTY mirror architecture, where to change layout vs bridge code, and how to map visible regions to apps/ade-cli/src/tuiClient/ sources. Use when editing TUI code from web preview snapshots, dev:code:web, xterm mirror, or browser-based TUI inspection.
Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `reference.md`).
It works with npm. The licence is AGPL-3.0.
When your agent uses it
- Provides browser web-preview screenshots
- Xterm mirror context
- Cursor browser inspector output from npm run dev:code:web
- Editing TUI code from web preview snapshots
Example prompts
- “Use the ade-tui-web-preview skill to guide edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror…”
- “/ade-tui-web-preview”
What it can do on your machine
Read from SKILL.md and the folder at commit fbbd974. 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:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.
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
Ade Tui Web Preview loads about 2k tokens when it runs. Until then it costs about 116 tokens; SKILL.md has 737 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 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 arul28/ADE at commit fbbd974, republished under its AGPL-3.0 licence (© arul28). 737 words, ~1,962 tokens.
Download SKILL.mdSave it as
.claude/skills/ade-tui-web-preview/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- ade-tui-web-preview
- description
- Guides edits to ADE's `ade code` Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from `npm run dev:code:web`. Explains PTY mirror architecture, where to change layout vs bridge code, and how to map visible regions to `apps/ade-cli/src/tuiClient/` sources. Use when editing TUI code from web preview snapshots, dev:code:web, xterm mirror, or browser-based TUI inspection.
- metadata.author
- ADE
- metadata.version
- 0.1.0
ade-tui-web-preview
Read this before changing anything when the user attaches a web TUI screenshot, browser snapshot, or describes what they see at http://127.0.0.1:<port>/ from npm run dev:code:web.
Mental model (read first)
The browser page is not a React DOM clone of the TUI.
ade code (Ink/React) → PTY stdout (ANSI bytes) → scripts/tui-web.mjs → WebSocket → xterm.js in browser- One process:
dev:code:webspawns a singleade codeinnode-pty. Native terminal and browser show the same session only if both attach to that one PTY — not if you runade codeseparately in iTerm and open the web URL. - One UI codebase: Ink components in
apps/ade-cli/src/tuiClient/render the layout. The browser is a terminal emulator surface (xterm cells), notDrawer/ChatViewDOM nodes. - Parity target: Character grid, colors, borders, focus, keyboard, and mouse behavior should match Terminal.app/iTerm at the same cols×rows. Sub-pixel font rendering may differ slightly (Menlo in browser vs native terminal).
Do not build a parallel browser UI, add data-ade-* DOM hooks, or edit the inline HTML page to fix layout bugs that belong in Ink.
Where to edit
| Symptom | Edit here | Do not edit |
|---|---|---|
| Layout, colors, copy, panes, chat, drawers, keybindings | apps/ade-cli/src/tuiClient/** | scripts/tui-web.mjs HTML/CSS |
| Blank page, WebSocket stuck, no colors, wrong cwd, resize/grid drift, multi-tab primary | scripts/tui-web.mjs | tuiClient/ (unless the TUI itself is wrong in both native and web) |
| RPC, lanes, chat events, runtime data | tuiClient/connection.ts, adeApi.ts, desktop shared types/services | Browser bridge |
| Theme tokens | tuiClient/theme.ts | xterm theme (background-only; ANSI comes from Ink) |
Default rule: If the bug appears in a normal terminal running the same ade code process, fix tuiClient/. If it appears only in the browser mirror, fix scripts/tui-web.mjs.
For file-level map, see reference.md.
How to read web preview context
Screenshots and image descriptions
Treat the image as a fixed-width character grid, not a web page:
- Purple/lavender borders and headers → Ink
Boxborders +theme.tsbrand colors - Left LANES / CHATS column →
components/Drawer.tsx,drawerSelection.ts,laneTree.ts - Center splash / chat transcript →
app.tsxlayout +components/ChatView.tsxor welcome state inapp.tsx - Right PRIMARY • FOCUSED / lane details / chat info →
components/RightPane.tsx,chatInfo.ts,subagentPane.ts - Top tabs (lane, branch) →
components/Header.tsx - Bottom input + status →
components/FooterControls.tsx,components/ModelStatus.tsx,statusline/ 189×82(or similar) in the corner → terminal dimensions fromuseTerminalDimensions()inapp.tsx; web primary tab drives PTY size via FitAddon
When the user says "move this panel" or "this text is clipped", translate to row/column budget and pane width constants in app.tsx (e.g. DRAWER_PANE_WIDTH, MIN_CENTER_PANE_WIDTH, RIGHT_PANE_MAX_WIDTH), not CSS flexbox.
Cursor browser inspector / snapshot
Inspector shows xterm internals (.xterm-screen, .xterm-rows, .xterm-cursor), not Ink component names. You cannot select RightPane in Elements and edit it — grep tuiClient/ for the visible label text or pane section header instead.
Show full SKILL.md (318 more words)Show less
What the user might wrongly assume
| User assumption | Reality |
|---|---|
| "Fix it in the browser page" | Fix Ink; refresh browser (same PTY picks up after rebuild/restart) |
| "Add DOM attributes for inspector" | Rejected pattern; use screenshots + source map |
| "Web and iTerm are two sessions" | Only one PTY unless they started two processes |
| "Inspector shows React tree" | Shows xterm grid only |
Edit workflow
Copy this checklist:
- [ ] Confirm context is from dev:code:web (one PTY), not a stale tab or second ade code
- [ ] Reproduce or reason: does native terminal show the same issue?
- [ ] Map visible region → tuiClient file(s) (reference.md)
- [ ] Change tuiClient/ (or tui-web.mjs only if bridge-specific)
- [ ] Run targeted tests under apps/ade-cli/src/tuiClient/__tests__/
- [ ] npm --prefix apps/ade-cli run typecheck
- [ ] Verify in web mirror (and native terminal if layout/input changed)Run the web mirror
npm run dev:code:web -- --attach --skip-runtime-build \
--socket ~/.ade/sock/ade.sock \
--project-root /path/to/project \
--workspace-root /path/to/checkoutAfter tuiClient/ code changes, rebuild if not using tsx hot path: npm --prefix apps/ade-cli run build, then restart dev:code:web (PTY child does not hot-reload compiled output).
Bridge-only checks
When fixing scripts/tui-web.mjs:
- PTY stdout → binary WebSocket frames (preserve escape sequences)
- Primary tab only sends resize + stdin
- FitAddon cols×rows must match
shell.resize(cols, rows) cwd=--workspace-root; env:TERM=xterm-256color,FORCE_COLOR=3, unsetNO_COLOR- Mouse/alternate-scroll: enabled by TUI CSI on PTY stream; xterm forwards — do not duplicate in Ink
Mapping common UI labels → source
| Visible label / region | Start here |
|---|---|
LANES, CHATS, + new lane | components/Drawer.tsx, drawerSelection.ts |
| Chat transcript, selection, scroll | components/ChatView.tsx, app.tsx (scroll/mouse) |
| Slash / mention palettes | components/SlashPalette.tsx, components/MentionPalette.tsx |
| Right pane git status, changes, actions | components/RightPane.tsx, adeApi.ts |
| Chat info, subagents, plan | chatInfo.ts, subagentPane.ts, RightPane.tsx |
| Header / wordmark | components/Header.tsx, components/AdeWordmark.tsx |
| Footer shortcuts, model line | components/FooterControls.tsx, components/ModelStatus.tsx |
| Colors, status glyphs | theme.ts |
| Keys, chords, paste | keybindings/index.ts, app.tsx input handlers |
| Terminal preview pane (inside TUI) | components/TerminalPane.tsx — distinct from web mirror |
| Mouse wheel / click in chat | app.tsx (parseTerminalMouseInput, useTerminalMouseTracking) |
Tests to prefer
| Area | Test file |
|---|---|
| Input / mouse / scroll | __tests__/appInput.test.ts |
| Drawer | __tests__/Drawer.test.tsx, drawerSelection.test.ts |
| Chat rendering | __tests__/ChatView.test.tsx |
| Right pane | __tests__/RightPane.test.tsx |
| Header/footer | __tests__/HeaderFooter.test.tsx |
| Commands | __tests__/commands.test.ts |
Add or extend tests for layout math and pure helpers before touching large app.tsx branches.
Anti-patterns
- Duplicating UI in
scripts/tui-web.mjsor a newwebInspector.ts - Editing xterm theme foreground (flattens Ink ANSI colors)
- Using
[...str].lengthvs wcwidth inconsistently when fixing truncation (match existing pane code) - Changing desktop renderer for TUI-only layout issues
- Assuming browser snapshot refs map 1:1 to React components
Additional resources
- Architecture and file map: reference.md
- Product docs:
docs/features/ade-code/README.md - Bridge implementation:
scripts/tui-web.mjs
© arul28, AGPL-3.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 .agents/skills/ade-tui-web-preview of arul28/ADE.
- SKILL.md
- reference.md
Open the folder on GitHubat commit fbbd974
Compare with similar skills
Ade Tui Web 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 |
|---|---|---|---|---|---|---|
| Ade Tui Web Preview this skillarul28/ADE | 114 | — | ~2k | Automated safety check: Pass | AGPL-3.0 | |
| Defuddlekepano/obsidian-skills | 49k | 12 repos | ~208 | Automated safety check: Pass | MIT | |
| Vercel Deploybytedance/deer-flow | 83k | 10 repos | ~797 | Automated safety check: Pass | MIT | |
| MCP Server BuildershareAI-lab/learn-claude-code | 78k | 5 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Knap Markdown Templateskepano/obsidian-skills | 49k | 2 repos | ~986 | Automated safety check: Pass | MIT | |
| Install Anti-Slop Oxlint Rulesdmmulroy/anti-slop | 5.3k | 1 repos | ~2.2k | Automated safety check: Pass | MIT |
Similar skills
Vercel Deploy
bytedance/deer-flow
Deploys a project to Vercel with one script and no login, then returns a live preview URL and a claim link for moving the deployment into your own Vercel account.
MCP Server Builder
shareAI-lab/learn-claude-code
Walks through building MCP servers in Python or TypeScript that expose tools, resources and prompts to Claude, with templates, registration and testing.
Knap Markdown Templates
kepano/obsidian-skills
Renders Markdown notes from Knap templates and JSON data on the command line, including notes built from Defuddle web page output.
Install Anti-Slop Oxlint Rules
dmmulroy/anti-slop
Installs, updates or migrates the vendored anti-slop Oxlint plugin in a repository, keeping local rule changes and the plugin's license and provenance files.
Nx Run Tasks
nomcopter/react-mosaic
Helps with running tasks in an Nx workspace. An agent skill from nomcopter/react-mosaic.
More from arul28/ADE
All 28 skills in this repoAde App Control
arul28/ADE
A skill your agent uses when you need to run or drive a local Electron/desktop app and capture what it does — launch it or attach to a running renderer, read its logs or answer its terminal prompts…
Ade Autoresearch
arul28/ADE
Iteratively optimize an ADE tab's CPU/memory/IPC/render performance.
Ade Browser
arul28/ADE
A skill your agent uses for any browser behavior at all — opening a URL, checking a localhost page, clicking or filling a form, logging in, screenshotting, inspecting the DOM, or verifying a page…
Ade Deeplinks
arul28/ADE
A skill your agent uses when an agent needs to mint, share, or open ADE deeplinks (lane, work session, file, commit, artifact, branch, PR, Linear issue) so users — or the agent itself — can jump…
Ade Harnesses
arul28/ADE
A skill your agent uses when you need to run a chat, a CLI session, or a subagent on a specific setup — any model you pay for inside any harness (e.g.
Ade Lanes Git
arul28/ADE
A skill your agent uses when creating, inspecting, syncing, committing, pushing, archiving, or rebasing ADE lanes and lane worktrees through ade lanes and ade git.
Related
Works with
Questions about Ade Tui Web Preview
What does Ade Tui Web Preview do?
Guides edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from npm run dev:code:web. Ade Tui Web Preview is an agent skill from arul28/ADE. Guides edits to ADE's ade code Ink TUI when the user provides browser web-preview screenshots, xterm mirror context, or Cursor browser inspector output from npm run dev:code:web.
When should I use Ade Tui Web Preview?
Ade Tui Web Preview fits situations like: provides browser web-preview screenshots; xterm mirror context; Cursor browser inspector output from npm run dev:code:web; editing TUI code from web preview snapshots.
How do I install Ade Tui Web Preview in Claude Code?
Run `npx skills add arul28/ADE --skill ade-tui-web-preview -a claude-code`. Or copy the skill folder (.agents/skills/ade-tui-web-preview in arul28/ADE) into .claude/skills/ade-tui-web-preview in your project. Claude Code loads it when a task matches its description.
How do I install Ade Tui Web Preview in Codex?
Run `npx skills add arul28/ADE --skill ade-tui-web-preview -a codex`. Or copy the skill folder (.agents/skills/ade-tui-web-preview in arul28/ADE) into .agents/skills/ade-tui-web-preview in your project. Codex loads it when a task matches its description.
Can I use Ade Tui Web 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 arul28/ADE --skill ade-tui-web-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/ade-tui-web-preview, .gemini/skills/ade-tui-web-preview, .github/skills/ade-tui-web-preview and .opencode/skills/ade-tui-web-preview in your project.
What does Ade Tui Web Preview need to run?
Going by SKILL.md and its folder, Ade Tui Web Preview needs the command-line tools its instructions call (npm).
Does Ade Tui Web Preview access the network?
SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Ade Tui Web Preview 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 Ade Tui Web Preview use?
Ade Tui Web Preview is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Ade Tui Web Preview use?
About 2k tokens (SKILL.md is roughly 7.8k 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 Ade Tui Web Preview?
Skills that share tags, products or a category with Ade Tui Web Preview: Defuddle (kepano/obsidian-skills, 49k stars), Vercel Deploy (bytedance/deer-flow, 83k stars), MCP Server Builder (shareAI-lab/learn-claude-code, 78k stars) and Knap Markdown Templates (kepano/obsidian-skills, 49k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Ade Tui Web Preview?
arul28 (a GitHub user) maintains it in arul28/ADE, which has 114 GitHub stars. The repository holds 28 skills in this directory. The repository was last updated on October 8, 2026.
Source: arul28/ADE on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.