~/catalogue/frontend//canvas

Frontendsource GitHub

Canvas

/canvas

Affichez et contrôlez du contenu HTML sur des nœuds Mac, iOS ou Android connectés via un canvas web avec rechargement en direct et actions à distance.

ClawHub community

★2

17 mai 2026

// contenu du skill

Skill créé par la communauté et référencé depuis ClawHub.

Source canonique: https://clawhub.ai/skills/canvas

Version: 1.0.0

Changelog source: Initial release of the Canvas skill for OpenClaw: - Adds ability to display HTML content on Mac, iOS, and Android node canvases - Supports presenting, navigating, hiding, JavaScript eval, and screenshot actions for the canvas - Integrates Tailscale and LAN binding options for easy remote access - Includes live reload for instant updates during development - Provides detailed setup, configuration, and troubleshooting instructions - Serves files from a configurable root directory via a dedicated HTTP server

// source originale publique

https://clawhub.ai/skills/canvas

Licence : Licence non indiquée. Consultez le dépôt avant toute réutilisation.

Projet indépendant, non affilié à Anthropic. Ce skill reste la propriété de son auteur original.

open_in_newVoir la source GitHub flagDemander un retrait

// installer ce skill

Collez cette commande dans votre terminal à la racine de votre projet :

mkdir -p .claude/commands && curl -o ".claude/commands/canvas" "https://clawhub.ai/skills/canvas"

Ensuite dans Claude Code, tapez /canvas pour l'activer.

open_in_newVoir la source originale

menu_bookComment installer un skill ?

// sauvegarder

Sauvegarde disponible après connexion.

loginSe connecter pour sauvegarder

// informations

CréateurClawHub community

Étoiles★ 2

CatégorieFrontend

Mis à jour17 mai 2026

Format.md

AccèsGratuit

// similaires

Skills Frontend

Voir toutarrow_forward

Interface utilisateur

Mettre en place un workflow multimodèle axé sur le front-end pour les composants, les mises en page, les animations et la finition de l'interface util

Diapositives frontales

Créez des présentations HTML sans dépendance, riches en animations, qui s'exécutent entièrement dans le navigateur.

Next.js et Turbopack

Next.js 16+ utilise Turbopack par défaut pour le développement local : un bundler incrémental écrit en Rust qui accélère considérablement le démarrage du développement et les mises à jour à chaud.

Accessibility

Concevoir, mettre en œuvre et contrôler des produits numériques inclusifs conformément aux WCAG 2.2 niveau AA