workflowstacks
claude-skill

penecho: AI Canvas

Unlock visual thinking with penecho, a shared canvas for founders and educators, backed by 1.7k+ GitHub stars.
1,717 stars192 forksJavaScriptHealth Score 9/10Updated 7/27/2026100% free · open source
What it does

Penecho allows users to collaborate with AI on a shared canvas, enabling handwriting, equations, diagrams, and spatial reasoning beyond traditional chat box interactions.

Install / run
Clone the repository from https://github.com/penecho/penecho and follow the setup instructions in the README
When to use it
  • When creating complex diagrams or equations that require spatial reasoning and collaboration
  • When needing to annotate or mark up images or documents with handwritten notes
  • When developing educational content that requires interactive, visual explanations
Quick start
  1. 1Navigate to the cloned repository and run the development server using the command specified in the README
  2. 2Open a web browser and access the Penecho application at the URL indicated in the README
  3. 3Create a new canvas and explore the drawing and annotation tools
  4. 4Invite collaborators to join the canvas and experiment with real-time collaboration features
  5. 5Experiment with AI-powered features, such as equation recognition and spatial reasoning, as described in the README
Ready-to-paste prompt
Open the Penecho canvas and draw a simple equation, such as '2x + 5 = 11', to demonstrate the AI-powered equation recognition and solution capabilities
Heads up: Ensure that your development environment meets the prerequisites specified in the README, including the required version of Node.js and any necessary dependencies, to avoid compatibility issues
Saves to your device

Topics

ai
canvas
claude
codex
education
handwriting
nodejs
visual-thinking
How penecho: AI Canvas works
Codeflow
Free to inspect

Penecho: AI Canvas is a large JavaScript project (~37k lines across 56 code files, plus 39 test files). It is a full software project: use it through its install path rather than reading it end to end. Last commit this month, AGPL-3.0 license, has a test suite.

Size
Large codebase
~37k lines · 56 code files · ~5 h to skim
Setup
Developer setup
A real software project. Use it via its install path; don't expect to read it all.
Runs on
Node.js
No API keys detected
JavaScript 90%CSS 7%HTML 3%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    cli.js
    Where the program starts running
  3. 3
    package.json
    Dependencies and the commands it exposes
  4. 4
    src/cli/main.js
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic21 files
docs/Documentation16 files
desktop/Folder12 files
tools/Helper scripts8 files
scripts/Helper scripts3 files
fixtures/Data files1 files
testcase/Folder1 files
public/Images & static assets39 files
READMEHas testsDocumentedCI checksAGPL-3.0 licenseUpdated this month
Quick Actions
Details
Creator
penecho
Language
JavaScript
Category
claude-skill
Published
7/14/2026

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.