{"id":6555,"date":"2026-06-23T11:01:44","date_gmt":"2026-06-23T11:01:44","guid":{"rendered":"https:\/\/optimisedtraffic.com\/DownloadAgency\/click-comment-done-a-better-client-feedback-loop-with-studio-code\/"},"modified":"2026-06-23T11:01:45","modified_gmt":"2026-06-23T11:01:45","slug":"click-on-remark-completed-a-higher-consumer-comments-loop-with-studio-code","status":"publish","type":"post","link":"https:\/\/optimisedtraffic.com\/DownloadAgency\/click-on-remark-completed-a-higher-consumer-comments-loop-with-studio-code\/","title":{"rendered":"Click on, Remark, Completed: A Higher Consumer Comments Loop with Studio Code"},"content":{"rendered":"<p><\/p>\n<div id=\"wpblog-post-body\">\n<p class=\"wp-block-paragraph\">I had a really perfect communicate with an company spouse, Marco from Arsnova, on the WordPress.com sales space at WordCamp Europe a couple of days in the past. Midway throughout the dialog, I noticed the function I achieve for just about each day would erase one of the tedious portions of an company\u2019s task: chasing down consumer edits one screenshot at a time.<\/p>\n<p class=\"wp-block-paragraph\">Studio Code is an agentic WordPress professional that lives on your terminal, serving to you construct websites, plugins, and subject matters in the community to your pc. It\u2019s a part of the WordPress Studio suite of gear. Simply describe what you wish to have in simple language, and it will get to paintings. Bring to mind it as a senior WordPress developer serving to you construct, with deep wisdom of WordPress baked in.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1021\" src=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png\" alt=\"Studio Code in a terminal window with the site Maya's Food Blog selected\" class=\"wp-image-85831\" srcset=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png 1600w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png?w=150&amp;h=96 150w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png?w=300&amp;h=191 300w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png?w=768&amp;h=490 768w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png?w=1024&amp;h=653 1024w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-in-terminal-1.png?w=1440&amp;h=919 1440w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" loading=\"lazy\"\/><\/figure>\n<p class=\"wp-block-paragraph\">One among my favourite options constructed into Studio Code is a formidable little slash command known as <code>\/annotate<\/code>.\u00a0<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1021\" src=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png\" alt=\"\/annotate running in a terminal window with the skill loaded\" class=\"wp-image-85830\" srcset=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png 1600w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png?w=150&amp;h=96 150w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png?w=300&amp;h=191 300w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png?w=768&amp;h=490 768w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png?w=1024&amp;h=653 1024w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/annotate-studio-code-1.png?w=1440&amp;h=919 1440w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" loading=\"lazy\"\/><\/figure>\n<p class=\"wp-block-paragraph\">I instructed such a lot of folks about this option on the sales space, over Slack, and in hallway conversations with colleagues as it is helping me clear up an issue that I at all times have with identical coding brokers: the vintage screenshot-arrow-request comments loop.<\/p>\n<p class=\"wp-block-paragraph\">With out <code>\/annotate<\/code>:<\/p>\n<ol class=\"wp-block-list\">\n<li>My coding agent creates one thing.<\/li>\n<li>I don\u2019t like a couple of components, so I take screenshots of the issues I don\u2019t like and manually annotate it with arrows.\u00a0<\/li>\n<li>I add the screenshots again to the agent, explaining the adjustments I would like.<\/li>\n<li>Repeat eternally till the coding agent will get it proper.<\/li>\n<\/ol>\n<p class=\"wp-block-paragraph\">However <em>with<\/em> <code>\/annotate<\/code>:<\/p>\n<ol class=\"wp-block-list\">\n<li>Studio Code creates one thing.\u00a0<\/li>\n<li>I wish to make some adjustments, so I kind \/annotate.<\/li>\n<li>It launches a browser window the place I will click on on explicit components to provide comments, lump the comments in combination, and ship all of it again to Studio Code on the identical time.<\/li>\n<li>Studio Code makes the particular adjustments I asked multi functional pass.<\/li>\n<\/ol>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1048\" src=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png\" alt=\"A WordPress Site open in a browser with an annotation box open on the H1\" class=\"wp-image-85828\" srcset=\"https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png 1600w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png?w=150&amp;h=98 150w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png?w=300&amp;h=197 300w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png?w=768&amp;h=503 768w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png?w=1024&amp;h=671 1024w, https:\/\/en-blog.files.wordpress.com\/2026\/06\/studio-code-annotate-browser-1.png?w=1440&amp;h=943 1440w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" loading=\"lazy\"\/><\/figure>\n<p class=\"wp-block-paragraph\">Consider Marco, the company spouse I discussed originally? As I used to be demonstrating this option in Studio Code for Marco, a colleague (Davi!) discussed that this might be a time-saver and a very good person revel in to run <code>\/annotate<\/code> whilst on a choice with purchasers.\u00a0<\/p>\n<p class=\"wp-block-paragraph\">Image this: you\u2019re on a choice with a consumer, sharing your display screen, strolling throughout the web site you constructed them. They indicate adjustments as you communicate. You drop annotations, as many as you wish to have, as explicit as you wish to have, and Studio Code makes each and every edit whilst you\u2019re executed.<\/p>\n<p class=\"wp-block-paragraph\">Not more unending comments loops. One <code>\/annotate<\/code> consultation, and all in their adjustments are live to tell the tale your native web site. Then you&#8217;ll push the up to date model on your consumer\u2019s reside WordPress.com-hosted web site in only a few clicks.<\/p>\n<p class=\"wp-block-paragraph\">Studio Code is these days in beta, and you&#8217;ll check out it through downloading Studio CLI (both from the desktop app or without delay out of your terminal) and operating <code>studio code<\/code>. Then merely choose or create a neighborhood web site and run <code>\/annotate<\/code> to check out this option out for your self.<\/p>\n<p class=\"wp-block-paragraph\">As a reminder, <strong>tokens are limitless whilst Studio Code is in beta<\/strong> \u2014 construct, iterate, and provides us comments on GitHub.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>I had a really perfect communicate with an company spouse, Marco from Arsnova, on the WordPress.com sales space at WordCamp Europe a couple of days in the past. Midway throughout the dialog, I noticed the function I achieve for just about each day would erase one of the tedious portions of an company\u2019s task: chasing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6557,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/6555"}],"collection":[{"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/comments?post=6555"}],"version-history":[{"count":1,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/6555\/revisions"}],"predecessor-version":[{"id":6556,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/6555\/revisions\/6556"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/media\/6557"}],"wp:attachment":[{"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/media?parent=6555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/categories?post=6555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/optimisedtraffic.com\/DownloadAgency\/wp-json\/wp\/v2\/tags?post=6555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}