blank-canvas — for Claude Code blank-canvas, ppl-plus-ultra, community, for Claude Code, ide skills, canvas initialization, workspace setup, package.json analysis, Bash scripting, boundary rules enforcement, Claude Code

v1.0.0
GitHub

关于此技能

Perfect for AI Agents needing efficient workflow initialization and phase completion tracking in a canvas workspace environment. The blank-canvas skill initializes the canvas workspace, reporting package details, phase completion, and boundary rules for efficient AI coding. It benefits developers by streamlining their workflow and enhancing productivity.

功能特性

Load Canvas Workspace State using package.json and directory structure
Report Phase Completion using Bash scripts and file existence checks
Load Boundary Rules from .claude/AGENT-BOUNDARIES.md for secure coding
Output Summary Report in a standardized format for easy reference

# 核心主题

for Claude Code canvas initialization workspace setup package.json analysis Bash scripting boundary rules enforcement
BigBruddaThunda BigBruddaThunda
[1]
[0]
更新于: 3/16/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 8/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution
Review Score
8/11
Quality Score
33
Canonical Locale
en
Detected Body Locale
en

Perfect for AI Agents needing efficient workflow initialization and phase completion tracking in a canvas workspace environment. The blank-canvas skill initializes the canvas workspace, reporting package details, phase completion, and boundary rules for efficient AI coding. It benefits developers by streamlining their workflow and enhancing productivity.

核心价值

Empowers agents to streamline their workflow by initializing the canvas workspace, reporting package details, and tracking phase completion using Bash scripts and glob patterns, while enforcing boundary rules defined in .claude/AGENT-BOUNDARIES.md.

适用 Agent 类型

Perfect for AI Agents needing efficient workflow initialization and phase completion tracking in a canvas workspace environment.

↓ 赋予的主要能力 · blank-canvas

Initializing the canvas workspace for efficient AI coding
Tracking phase completion for types, weights, rendering, tokens, and pipeline artifacts
Enforcing boundary rules to prevent writes to prohibited targets like cards/, html/, web/, and middle-math/

! 使用限制与门槛

  • Requires access to canvas/package.json and directory structure
  • Limited to Bash script execution for phase completion checks
  • Active write scope restricted to canvas/ paths only

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

评审后的下一步

先决定动作，再继续看上游仓库材料

Killer-Skills 的主价值不应该停在“帮你打开仓库说明”，而是先帮你判断这项技能是否值得安装、是否应该回到可信集合复核，以及是否已经进入工作流落地阶段。

安装路径

先进入安装与验证

如果这项技能值得继续，下一步应该先确认安装命令、CLI 写入路径与环境验证。
可信复核

回到可信合集再做一次复核

如果你还在比较不同技能或供应方，先回到可信合集做二次判断，而不是继续放大仓库噪音。
工作流

如果要进团队流转，转到工作流集合

当你的目标已经不是单个技能，而是团队协作、审批和交接，就应该转到工作流合集继续决策。
实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致，便于搜索引擎理解页面内容。

? FAQ

blank-canvas 是什么？

Perfect for AI Agents needing efficient workflow initialization and phase completion tracking in a canvas workspace environment. The blank-canvas skill initializes the canvas workspace, reporting package details, phase completion, and boundary rules for efficient AI coding. It benefits developers by streamlining their workflow and enhancing productivity.

如何安装 blank-canvas？

运行命令：npx killer-skills add BigBruddaThunda/ppl-plus-ultra/blank-canvas。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

blank-canvas 适用于哪些场景？

典型场景包括：Initializing the canvas workspace for efficient AI coding、Tracking phase completion for types, weights, rendering, tokens, and pipeline artifacts、Enforcing boundary rules to prevent writes to prohibited targets like cards/, html/, web/, and middle-math/。

blank-canvas 支持哪些 IDE 或 Agent？

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

blank-canvas 有哪些限制？

Requires access to canvas/package.json and directory structure；Limited to Bash script execution for phase completion checks；Active write scope restricted to canvas/ paths only。

↓ 安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行：npx killer-skills add BigBruddaThunda/ppl-plus-ultra/blank-canvas。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    blank-canvas 已启用，可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考，但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论，再决定是否继续查看上游仓库说明。

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

blank-canvas

Boost development with the blank-canvas AI agent skill, initializing canvas workspaces for efficient coding. Discover how it streamlines your workflow and

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

Initialize the canvas workspace.

Workflow

1. Load Canvas Workspace State

Read the workspace manifest and directory structure:

Read canvas/package.json
Glob canvas/src/**/*.ts
Glob canvas/tests/**/*.test.ts

Report: package name, version, script targets, and how many source files and test files exist.

2. Report Phase Completion

Check which Phase 1–5 artifacts exist:

PhaseArtifactCheck
1canvas/src/types/scl.tsDoes file exist?
2canvas/src/weights/Does directory contain .ts files?
3canvas/src/rendering/Does directory contain index.ts?
4canvas/src/tokens/tokens.tsDoes file exist?
5canvas/src/rendering/index.tsDoes weightsToCSSVars export exist?

Use Bash: test -f canvas/src/types/scl.ts && echo PHASE1_OK || echo PHASE1_MISSING

For each phase, report: COMPLETE or MISSING.

3. Load Boundary Rules

Read .claude/AGENT-BOUNDARIES.md — specifically the Canvas Path-Gating section and the canvas-renderer subagent constraints.

Confirm the active write scope: canvas/ paths only.

Prohibited write targets:

  • cards/ — workout card content (card-generator territory)
  • html/ — legacy HTML scaffold (separate phase)
  • web/ — web application layer (Phase 4/5)
  • middle-math/ — computation engine (separate workspace)

4. Report Current State

Output a summary in this format:

Canvas Workspace State
======================
Package: [name@version]
Source files: [count]
Test files: [count]

Phase completion:
  Phase 1 (types):     [COMPLETE | MISSING]
  Phase 2 (weights):   [COMPLETE | MISSING]
  Phase 3 (rendering): [COMPLETE | MISSING]
  Phase 4 (tokens):    [COMPLETE | MISSING]
  Phase 5 (pipeline):  [COMPLETE | MISSING]

canvas/components/ contents:
  [list files or "empty — ready for canvas-renderer"]

Active agent scope: canvas/ only
Prohibited: cards/, html/, web/, middle-math/

If $ARGUMENTS is provided, focus the report on the named phase (e.g., "5" → show Phase 5 details).

相关技能

寻找 blank-canvas 的替代方案 (Alternative) 或可搭配使用的同类 community Skill？探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

React 框架

★ 138.4k
⑂ 0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

★ 98.6k
⑂ 0
开发者工具