por Juanjo LunaRevisar planes en canvas
Abre planes y artefactos HTML en un navegador local para revisarlos con anotaciones, cuando el feedback visual es más fácil que escribirlo.
Descripción original (inglés)
plan-canvas: Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page. Use when presenting a plan for review, or when feedback like "move this, change that" is easier pointed at than typed.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta plan-canvas en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/affaan-m/ECC.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/.agents/skills/plan-canvas" ~/.claude/skills/plan-canvas
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de affaan-m/ECC
- Accesibilidad WCAG 2.2 AA accessibility
- Auditar arquitectura de agentes agent-architecture-audit
- Comparar evaluaciones de agentes agent-eval
- Construir entornos de agentes agent-harness-construction
- Depurar fallos de agentes agent-introspection-debugging
- Depurar agentes de IA agent-introspection-debugging
- Integrar pagos x402 en agentes agent-payment-x402
- Ordenar instalación de ECC agent-sort
Explicación redactada con ayuda de IA a partir de la descripción original.