{"id":5893,"date":"2026-06-23T11:46:28","date_gmt":"2026-06-23T11:46:28","guid":{"rendered":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/click-comment-done-a-better-client-feedback-loop-with-studio-code\/"},"modified":"2026-06-23T11:46:28","modified_gmt":"2026-06-23T11:46:28","slug":"click-on-remark-achieved-a-higher-consumer-comments-loop-with-studio-code","status":"publish","type":"post","link":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/click-on-remark-achieved-a-higher-consumer-comments-loop-with-studio-code\/","title":{"rendered":"Click on, Remark, Achieved: 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 super 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 in the course of the dialog, I spotted the characteristic I achieve for just about each day would erase one of the tedious portions of an company\u2019s process: chasing down shopper edits one screenshot at a time.<\/p>\n<p class=\"wp-block-paragraph\">Studio Code is an agentic WordPress skilled that lives for your terminal, serving to you construct websites, plugins, and subject matters in the community in your laptop. It\u2019s a part of the WordPress Studio suite of equipment. Simply describe what you wish to have in undeniable language, and it will get to paintings. Recall 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\">Certainly one of 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 informed 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 resolve an issue that I at all times have with equivalent 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 parts, 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 need.<\/li>\n<li>Repeat perpetually 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 be able to click on on explicit parts to present comments, lump the comments in combination, and ship all of it again to Studio Code on the similar time.<\/li>\n<li>Studio Code makes the precise adjustments I asked multi function 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 at the start? 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 enjoy 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 shopper, sharing your display, strolling in the course of the web page 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 edit whilst you\u2019re accomplished.<\/p>\n<p class=\"wp-block-paragraph\">Not more unending comments loops. One <code>\/annotate<\/code> consultation, and all in their adjustments are survive your native web page. Then you&#8217;ll push the up to date model on your shopper\u2019s are living WordPress.com-hosted web page in only some clicks.<\/p>\n<p class=\"wp-block-paragraph\">Studio Code is recently in beta, and you&#8217;ll check out it through downloading Studio CLI (both from the desktop app or at once out of your terminal) and operating <code>studio code<\/code>. Then merely make a selection or create a neighborhood web page 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 super 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 in the course of the dialog, I spotted the characteristic I achieve for just about each day would erase one of the tedious portions of an company\u2019s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5895,"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:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/5893"}],"collection":[{"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/comments?post=5893"}],"version-history":[{"count":1,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/5893\/revisions"}],"predecessor-version":[{"id":5894,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/posts\/5893\/revisions\/5894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/media\/5895"}],"wp:attachment":[{"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/media?parent=5893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/categories?post=5893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitaldesigngenius.com\/DownloadAgency\/wp-json\/wp\/v2\/tags?post=5893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}