Canvas ChatGPT: Your AI-Powered Writing and Coding Assistant

Canvas ChatGPT, is a brand-new ChatGPT interface for writing and coding tasks that go beyond plain conversation

[{"selector":"#anim-250a624c-e2c8-478c-9e0a-974548c65c6a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-6f53639b-7ca6-4ad8-8025-b9388292e4dc","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cc474016-910c-4751-b1b9-3897fd4ed686","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

It can provide inline comments and recommendations while keeping the project as a whole in mind, much like a copy editor or code reviewer.

[{"selector":"#anim-d9b1dbd9-4898-4311-9b3e-e68ab0f3bd15 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-01cf1b69-1ab3-432b-8a43-7b47098075c5","keyframes":{"transform":["translate3d(115.23810%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac7c84d8-3e7c-4ebe-9f6a-87f7f3ac405a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8aad11a2-b9e5-4f16-9c9b-99a8c529f72e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

To specify precisely what you want ChatGPT to concentrate on, you can highlight particular parts

[{"selector":"#anim-be62c17c-b3db-4de3-a670-622d35623e34 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-34d06b17-51d0-4528-b8c6-aee3c4d8214b","keyframes":{"transform":["translate3d(116.50485%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-173a61e3-f6cc-4e5e-b541-9b8db32b7535","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b684caa-e4f1-44a4-b01c-5981e1b085dc","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

You can ask ChatGPT to change the length of your writing, debug your code, and carry out other helpful tasks quickly by using the shortcut menu

[{"selector":"#anim-ce7e4a01-3a4c-4096-8ab7-468bf7338268 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-778fcca1-c719-4090-8b29-1246a76856cf","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-efa1a531-71b9-45a6-9f06-98617d8a4dd0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-221dd393-b585-4dfc-9417-ddf4f6fcd3dd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

When ChatGPT recognizes a situation where Canvas ChatGPT could be useful, it opens immediately

[{"selector":"#anim-15dd6f89-2034-438b-948a-ae1e6768f34f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3c19dfaf-f76a-4ba5-8d62-39bc1a712130","keyframes":{"transform":["translate3d(120.20547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15b60682-6da9-44ca-9d5d-1d4320e74674","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3dcfd298-4ba1-47b9-bd04-937bd8b3a602","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

To launch Canvas and work on an existing project, you may also include the phrase “use canvas” in your prompt

[{"selector":"#anim-c630d9c0-8885-467b-8767-4cf7b44b0193 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a66c10f8-47b5-4358-9a2c-0ae98c4e9e2b","keyframes":{"transform":["translate3d(116.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9484d482-c193-48e0-b8f8-2b9b8eba2e82","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6d48ac6-f6f9-4740-96fd-7379b725c22e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

In Canvas ChatGPT, you have control over the project. Code or text can be edited directly

[{"selector":"#anim-dca525e4-443f-42f7-8835-6843d46fa91a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a1c3b7a4-6413-4131-ada6-6a8a8cb1b635","keyframes":{"transform":["translate3d(123.65590%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-58d62a02-5160-4d41-b13e-22cf77943125","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]