The latest articles on DEV Community by ZIKE (@hzijad). https://dev.to/hzijad https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4031102%2Fef698d19-d343-4dab-8a24-5ea0c82d34ef.png https://dev.to/hzijad en ZIKE Wed, 15 Jul 2026 23:01:38 +0000 https://dev.to/hzijad/d-527e https://dev.to/hzijad/d-527e <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm" class="crayons-story__hidden-navigation-link">Made a small set of Playwright skills for myself and coding agents. Figured I'd share!</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/hzijad" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4031102%2Fef698d19-d343-4dab-8a24-5ea0c82d34ef.png" alt="hzijad profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/hzijad" class="crayons-story__secondary fw-medium m:hidden"> ZIKE </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> ZIKE <div id="story-author-preview-content-4153200" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/hzijad" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4031102%2Fef698d19-d343-4dab-8a24-5ea0c82d34ef.png" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">ZIKE</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm" class="crayons-story__tertiary fs-xs"><time>Jul 15</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm" id="article-link-4153200"> Made a small set of Playwright skills for myself and coding agents. Figured I'd share! </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/ai"><span class="crayons-tag__prefix">#</span>ai</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/mcp"><span class="crayons-tag__prefix">#</span>mcp</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/playwright"><span class="crayons-tag__prefix">#</span>playwright</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/testing"><span class="crayons-tag__prefix">#</span>testing</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> <span class="hidden s:inline">Add&nbsp;Comment</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 1 min read </small> <span class="bm-initial crayons-icon c-btn__icon"> </span> <span class="bm-success crayons-icon c-btn__icon"> </span> </div> </div> </div> </div> </div> </div> ZIKE Wed, 15 Jul 2026 23:01:14 +0000 https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm https://dev.to/hzijad/made-a-small-set-of-playwright-skills-for-myself-and-coding-agents-figured-id-share-4icm <p>Made a small set of Playwright skills for myself so my coding agent stops writing tests I'd reject in review.</p> <p>Basically agents left unguided default to stuff like:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight javascript"><code><span class="k">await</span> <span class="nx">page</span><span class="p">.</span><span class="nf">click</span><span class="p">(</span><span class="dl">'</span><span class="s1">.btn-login-submit</span><span class="dl">'</span><span class="p">);</span> <span class="k">await</span> <span class="nx">page</span><span class="p">.</span><span class="nf">waitForTimeout</span><span class="p">(</span><span class="mi">2000</span><span class="p">);</span> </code></pre> </div> <p>Skill nudges it toward:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight javascript"><code><span class="k">await</span> <span class="nx">page</span><span class="p">.</span><span class="nf">getByRole</span><span class="p">(</span><span class="dl">'</span><span class="s1">button</span><span class="dl">'</span><span class="p">,</span> <span class="p">{</span> <span class="na">name</span><span class="p">:</span> <span class="dl">'</span><span class="s1">Log in</span><span class="dl">'</span> <span class="p">}).</span><span class="nf">click</span><span class="p">();</span> <span class="k">await</span> <span class="nf">expect</span><span class="p">(</span><span class="nx">page</span><span class="p">.</span><span class="nf">getByRole</span><span class="p">(</span><span class="dl">'</span><span class="s1">heading</span><span class="dl">'</span><span class="p">,</span> <span class="p">{</span> <span class="na">name</span><span class="p">:</span> <span class="sr">/welcome/i</span> <span class="p">})).</span><span class="nf">toBeVisible</span><span class="p">();</span> </code></pre> </div> <p>4 narrow skills — core authoring, auth state, network mocking, debugging flaky tests.</p> <p>Install via npx skills add hzijad/playwright-agent-skills, works with Copilot/Cursor/Claude Code/etc.</p> <p>Repo: <a href="https://github.com/hzijad/playwright-agent-skills" rel="noopener noreferrer">https://github.com/hzijad/playwright-agent-skills</a></p> <p>Open to feedback if anyone's tried something similar.</p> ai mcp playwright testing