An AI-powered chatbot that brings creative coder and educator Dan Shiffman’s teaching style into your p5.js coding environment

Latest Version

Version

0.18.0

Update

November 3, 2024

Size

12.98MiB

Developer

ShiffBot Extension

Learn creative coding with ShiffBot. An AI experiment created together with Daniel Shiffman and some friends at Google.

Google Lab Sessions is a series of experimental AI collaborations with innovators. In our latest Lab Session, we partnered with noted programming professor and YouTube creator, Daniel Shiffman, to develop an experimental LLM (a downloadable Chrome extension called ShiffBot) that uses Shiffman’s inspirational teaching style and educational corpus to help learners overcome coding challenges in p5.js without just giving them the answer.

Once the extension has been added, go to https://editor.p5js.org/ and you should see Dan’s smiling face and a chat box in the lower right-hand corner of your screen! And if you need help or encouragement in p5.js, just type your question in the chat!

To learn more about the project, visit shiffbot.withgoogle.com

Source Manifest.json

{"manifest_version": 3, "name": "ShiffBot", "version": "0.18.0", "description": "An AI-powered chatbot that brings creative coder and educator Dan Shiffman\\u2019s teaching style into your p5.js coding environment ", "permissions": ["storage"], "author": {"email": "[email protected]"}, "host_permissions": ["https://dev-dot-gweb-p5js-palm-ext.ue.r.appspot.com/", "https://dev-test-dot-gweb-p5js-palm-ext.ue.r.appspot.com/", "https://gweb-p5js-palm-ext.ue.r.appspot.com/", "https://api-dev-dot-gweb-p5js-palm-ext.ue.r.appspot.com/", "https://api-staging-dot-gweb-p5js-palm-ext.ue.r.appspot.com/", "https://api-prod-dot-gweb-p5js-palm-ext.ue.r.appspot.com/"], "icons": {"16": "static/icons/ext/active16.png", "48": "static/icons/ext/active48.png", "128": "static/icons/ext/active128.png"}, "action": {"default_title": "Click to open"}, "background": {"service_worker": "background.js", "type": "module"}, "content_scripts": [{"js": ["import-content.js"], "css": ["static/css/page.css"], "matches": ["https://editor.p5js.org/*", "http://editor.p5js.org/*"]}, {"js": ["import-previewContent.js"], "matches": ["https://preview.p5js.org/*"], "all_frames": true, "match_origin_as_fallback": true}], "web_accessible_resources": [{"resources": ["static/animations/*.gif", "static/fonts/*.woff2", "static/icons/ext/*.png", "static/img/*.png", "static/animations/*.png"], "matches": ["https://editor.p5js.org/*", "http://editor.p5js.org/*"]}, {"resources": ["chunks/*-*.js", "content.js", "previewContent.js"], "matches": ["https://editor.p5js.org/*", "http://editor.p5js.org/*", "https://preview.p5js.org/*", "https://dev-dot-gweb-p5js-palm-ext.ue.r.appspot.com/*", "https://dev-test-dot-gweb-p5js-palm-ext.ue.r.appspot.com/*", "https://gweb-p5js-palm-ext.ue.r.appspot.com/*", "https://api-dev-dot-gweb-p5js-palm-ext.ue.r.appspot.com/*", "https://api-staging-dot-gweb-p5js-palm-ext.ue.r.appspot.com/*", "https://api-prod-dot-gweb-p5js-palm-ext.ue.r.appspot.com/*"]}], "update_url": "https://clients2.google.com/service/update2/crx"}

Download CRX(12.98MiB)