Agent Browser
quran/quran.com-frontend-next
Automates browser interactions for web testing, form filling, screenshots, and data extraction.
Author a Kandev task canvas as a self-contained web application.
$ npx skills add kdlbs/kandev --skill kandev-canvas-authoring -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install kdlbs/kandev kandev-canvas-authoring --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/kdlbs/kandev.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .claude/skills/kandev-canvas-authoring && 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 "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .claude/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/filesType 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 kdlbs/kandev --skill kandev-canvas-authoring -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install kdlbs/kandev kandev-canvas-authoring --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kdlbs/kandev.git skills-src && mkdir -p .agents/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .agents/skills/kandev-canvas-authoring && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .agents/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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 kdlbs/kandev --skill kandev-canvas-authoring -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install kdlbs/kandev kandev-canvas-authoring --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kdlbs/kandev.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .cursor/skills/kandev-canvas-authoring && 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 "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .cursor/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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/kdlbs/kandev.git --path apps/backend/internal/mcp/canvasskill/files--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 kdlbs/kandev --skill kandev-canvas-authoring -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install kdlbs/kandev kandev-canvas-authoring --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kdlbs/kandev.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .gemini/skills/kandev-canvas-authoring && 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 "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .gemini/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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 kdlbs/kandev kandev-canvas-authoringInstalls 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 kdlbs/kandev --skill kandev-canvas-authoring -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/kdlbs/kandev.git skills-src && mkdir -p .github/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .github/skills/kandev-canvas-authoring && 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 "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .github/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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 kdlbs/kandev --skill kandev-canvas-authoring -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install kdlbs/kandev kandev-canvas-authoring --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kdlbs/kandev.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/apps/backend/internal/mcp/canvasskill/files .opencode/skills/kandev-canvas-authoring && 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 "kandev-canvas-authoring" agent skill from https://github.com/kdlbs/kandev/tree/main/apps/backend/internal/mcp/canvasskill/files into .opencode/skills/kandev-canvas-authoring/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "kandev-canvas-authoring", 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.
kandev-canvas-authoringAuthor a Kandev task canvas as a self-contained web application.
Kandev Canvas Authoring is an agent skill from kdlbs/kandev. Author a Kandev task canvas as a self-contained web application.
Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 12 other files, including reference files (for example `references/browser-api.md`, `references/data-and-state.md` and `references/events-and-recovery.md`).
It sits in Productivity & Automation. The repository describes itself as: AI Kanban & Development Environment. Orchestrate multiple agents, review changes, open PRs. Multi-provider, self-hostable, no telemetry. The licence is AGPL-3.0.
4 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 53a00c2. 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 script files (JavaScript), which the agent can run.
From 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.
Kandev Canvas Authoring loads about 1.7k tokens when it runs, and up to ~7.1k if it reads all its reference files. Until then it costs about 22 tokens; SKILL.md has 927 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 kdlbs/kandev at commit 53a00c2, republished under its AGPL-3.0 licence (© kdlbs). 927 words, ~1,731 tokens.
.claude/skills/kandev-canvas-authoring/SKILL.md (or your agent's skills folder). This skill also uses 10 other files; get the full folder from GitHub.Use one read_canvas_authoring_skill_kandev call without path when you need
the authoring contract. That response is the complete core bundle. It includes
this workflow, the manifest and browser protocol summary, appearance rules,
the minimal scaffold, and the exact supporting-file inventory. Do not read the
core bundle again during the same authoring task.
create_canvas_kandev with a short title and an application summary.
It creates an inactive task canvas and returns its source directory,
manifest scaffold, initial permission policy, and exact scaffold inventory.manifest.yaml, index.html, appearance.js, script.js, and
styles.css. Replace or extend them in the same directory.publish_canvas_kandev with the returned canvas
ID and source path. Read validation diagnostics and correct rejected source
before publishing again.The first valid release of a new owner-authorized task canvas uses the returned initial permission policy. It can activate without a second approval for its declared supported permissions. Kandev data access is limited to the current workspace, while the canvas remains placed in its creating task. Imported packages and later permission increases need human review. Promotion changes workspace navigation. Do not add a trust flag to the manifest, and do not request permissions outside the policy.
<meta name="viewport" content="width=device-width, initial-scale=1">../_kandev/v1 paths for Kandev data, state, actions, and events.Kandev injects a reserved startup bootstrap into the entry document before authored scripts. It reports early document errors and checks the relative context route after document load. The host reveals the frame only after a versioned acknowledgement for the current attempt. A missing acknowledgement or context failure becomes recoverable after 15 seconds. Keep the entry valid HTML and render loading, empty, error, and retry states in the app.
Use the returned manifest_scaffold as the starting point. New manifests use
api_version: 2, one lowercase web-app key, a package-relative entry, and at
least one task-canvas or workspace-canvas placement. Declare only the
api_read, api_write, events, state, and network_origins permissions
that the application needs. The owner-authorized first release can receive
only its declared supported permissions, with Kandev data limited to the
current workspace. The entry and all relative assets
must be in the published package.
Resolve all routes from the application document with ./_kandev/v1. Use
context, the paginated data routes, state/{key} with If-Match, and the
bounded events stream as documented by the optional references. Events are
hints that invalidate a read. Refetch authoritative data after an event,
reconnect with Last-Event-ID, and perform a full refetch after
runtime.resync_required.
The host may send the public presentation-only message
kandev.web_app.appearance with version: 1, mode: light|dark, and exactly
these color tokens: background, foreground, card, cardForeground,
muted, mutedForeground, border, primary, primaryForeground,
accent, accentForeground, destructive, destructiveForeground, and
ring. Accept it only when event.source === window.parent, the type and
version match, the keys are exact, and each serialized color is bounded. Map
the tokens to the same-name kebab-case CSS variables. Keep light and dark
fallbacks so the app remains usable before the first message. The message has
no identity, capability, data, storage, navigation, or action fields.
The generated appearance.js implements this listener. It is optional, but
copy its pattern when replacing the scaffold.
Read a supporting reference only when its topic is needed:
references/browser-api.md for detailed browser routes and errors.references/manifest.md for the full manifest shape and validation rules.references/data-and-state.md for domain data and instance state.references/events-and-recovery.md for events, reconnect, and retries.references/security.md for same-origin trust and source safety rules.references/ui-patterns.md for responsive and accessible UI patterns.When the user asks for a portable canvas, keep the distribution boundary separate from authoring and runtime state:
distribution.schema_version: 1, distribution.kind: canvas, a
license, and source_mode: static or source_mode: project.README.md, the manifest, the application entry, and every local asset
in the package. Use project mode only when the retained project is complete
and bounded below distribution/source/.previews objects in a registry entry.
The first preview is the cover, canvas entries require one to eight images,
and plugin entries may omit images.The authoring tools do not create repositories, releases, registry entries, or pull requests. Report those manual follow-up steps to the user. Do not claim that a local archive or build is published until the Kandev release flow confirms it.
© kdlbs, 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
SKILL.md and 10 other files (references) in apps/backend/internal/mcp/canvasskill/files of kdlbs/kandev.
Open the folder on GitHubat commit 53a00c2
Kandev Canvas Authoring 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 |
|---|---|---|---|---|---|---|
| Kandev Canvas Authoring this skillkdlbs/kandev | 912 | — | ~1.7k | Automated safety check: Pass | AGPL-3.0 | |
| Agent Browserquran/quran.com-frontend-next | 1.9k | 40 repos | ~3.3k | Automated safety check: Pass | None | |
| Dependency Watchtelegramdesktop/tdesktop | 33k | 1 repos | ~2.2k | Automated safety check: Pass | GPL-3.0 | |
| Perform Tasktelegramdesktop/tdesktop | 33k | 2 repos | ~3k | Automated safety check: Pass | GPL-3.0 | |
| Brave Searchbadlogic/pi-skills | 2.6k | 5 repos | ~592 | Automated safety check: Pass | MIT | |
| Garden Inboxpaperclipai/paperclip | 100k | — | ~1.1k | Automated safety check: Pass | MIT |
quran/quran.com-frontend-next
Automates browser interactions for web testing, form filling, screenshots, and data extraction.
telegramdesktop/tdesktop
Audit Telegram Desktop dependencies on freshly fetched origin/dev for releases and security fixes, including upstream lag and backport candidates in patched forks.
telegramdesktop/tdesktop
Resolve, start or resume, implement, review, test, and publish exactly one existing ai-tdesktop task by short slug or full dated id, including rare blocked retries and split-required results.
badlogic/pi-skills
Web search and content extraction via Brave Search API. An agent skill from badlogic/pi-skills.
paperclipai/paperclip
Scan a Paperclip user's Mine inbox, classify reversible archive candidates, request checkbox confirmation, and archive only accepted selections.
telegramdesktop/tdesktop
Continue autonomous Telegram Desktop development from the shared ai-tdesktop repository.
kdlbs/kandev
Generate a single-file HTML walkthrough that explains a PR's purpose, user impact, interface changes, compatibility risks, and implementation.
kdlbs/kandev
Diagnose Kandev bugs, running-instance issues, UI/browser failures, and runtime behavior.
kdlbs/kandev
Improve Kandev's AI harness from session learnings or explicit requests.
kdlbs/kandev
Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel…
kdlbs/kandev
Implement changes using Test-Driven Development (Red-Green-Refactor).
kdlbs/kandev
Run a broad local verification audit only when the user explicitly requests it or PR/CI remediation requires it.
Categories
Author a Kandev task canvas as a self-contained web application. Kandev Canvas Authoring is an agent skill from kdlbs/kandev. Author a Kandev task canvas as a self-contained web application.
Kandev Canvas Authoring fits situations like: productivity & Automation work in your project.
Run `npx skills add kdlbs/kandev --skill kandev-canvas-authoring -a claude-code`. Or copy the skill folder (apps/backend/internal/mcp/canvasskill/files in kdlbs/kandev) into .claude/skills/kandev-canvas-authoring in your project. Claude Code loads it when a task matches its description.
Run `npx skills add kdlbs/kandev --skill kandev-canvas-authoring -a codex`. Or copy the skill folder (apps/backend/internal/mcp/canvasskill/files in kdlbs/kandev) into .agents/skills/kandev-canvas-authoring 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 kdlbs/kandev --skill kandev-canvas-authoring -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/kandev-canvas-authoring, .gemini/skills/kandev-canvas-authoring, .github/skills/kandev-canvas-authoring and .opencode/skills/kandev-canvas-authoring in your project.
Going by SKILL.md and its folder, Kandev Canvas Authoring needs JavaScript for the scripts in its folder. 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. Review the folder before installing.
Kandev Canvas Authoring 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.
About 1.7k tokens (SKILL.md is roughly 6.9k 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 5.3k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Kandev Canvas Authoring: Agent Browser (quran/quran.com-frontend-next, 1.9k stars), Dependency Watch (telegramdesktop/tdesktop, 33k stars), Perform Task (telegramdesktop/tdesktop, 33k stars) and Brave Search (badlogic/pi-skills, 2.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
kdlbs (a GitHub organization) maintains it in kdlbs/kandev, which has 912 GitHub stars. The repository holds 45 skills in this directory. The repository was last updated on October 10, 2026.
Source: kdlbs/kandev on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.