<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: SkillGild</title>
    <description>The latest articles on DEV Community by SkillGild (@skillgild).</description>
    <link>https://dev.to/skillgild</link>
    <image>
      <url>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%2F4167412%2F65409dcc-2910-4bbc-b879-7ce0ce0adf24.png</url>
      <title>DEV Community: SkillGild</title>
      <link>https://dev.to/skillgild</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/skillgild"/>
    <language>en</language>
    <item>
      <title>Impeccable vs Taste Skill: which Claude design skill to use, tested</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Tue, 13 Oct 2026 17:53:52 +0000</pubDate>
      <link>https://dev.to/skillgild/impeccable-vs-taste-skill-which-claude-design-skill-to-use-tested-3d6i</link>
      <guid>https://dev.to/skillgild/impeccable-vs-taste-skill-which-claude-design-skill-to-use-tested-3d6i</guid>
      <description>&lt;p&gt;&lt;strong&gt;Short answer:&lt;/strong&gt; pick &lt;strong&gt;Taste Skill&lt;/strong&gt; for a clean landing page at a modest cost, and &lt;strong&gt;Impeccable&lt;/strong&gt; when the page has to be memorable, has to stay truthful about your product, or is an app or dashboard rather than a marketing page. In our test on the same brief, Taste Skill produced a calm, tidy page for $2.28 in 7 minutes; Impeccable produced a far bolder page, and the only one that invented no product facts, for $7.49 in 24 minutes.&lt;/p&gt;

&lt;p&gt;Both are among the most popular design skills for Claude Code, Codex and Cursor, and people often ask which to install. They solve the same problem, generated pages that all look alike, in very different ways. This page compares them on what they are, what they produced from one brief, what they cost and which jobs each one suits.&lt;/p&gt;

&lt;h2&gt;
  
  
  Impeccable vs Taste Skill at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Impeccable&lt;/th&gt;
&lt;th&gt;Taste Skill&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Author&lt;/td&gt;
&lt;td&gt;Paul Bakaus&lt;/td&gt;
&lt;td&gt;Leonxlnx&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;GitHub stars (13 October 2026)&lt;/td&gt;
&lt;td&gt;80.7k&lt;/td&gt;
&lt;td&gt;95.5k&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;License&lt;/td&gt;
&lt;td&gt;Apache-2.0&lt;/td&gt;
&lt;td&gt;MIT&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What it is&lt;/td&gt;
&lt;td&gt;A design language: 24 commands, about 40 playbooks, an anti-pattern detector and a small engine binary&lt;/td&gt;
&lt;td&gt;One long SKILL.md of rules (about 1,200 lines)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;How it steers the design&lt;/td&gt;
&lt;td&gt;Picks a mode, writes PRODUCT.md, rolls a seeded concept, builds, audits, writes DESIGN.md&lt;/td&gt;
&lt;td&gt;States a "design read", sets three dials, follows banned-pattern rules, runs a pre-flight check&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Built for&lt;/td&gt;
&lt;td&gt;Any interface: landing pages, apps, dashboards, docs, showcases&lt;/td&gt;
&lt;td&gt;Landing pages, portfolios and redesigns (not dashboards)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Commands&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;/impeccable shape&lt;/code&gt;, &lt;code&gt;audit&lt;/code&gt;, &lt;code&gt;critique&lt;/code&gt;, &lt;code&gt;polish&lt;/code&gt;, &lt;code&gt;bolder&lt;/code&gt;, &lt;code&gt;quieter&lt;/code&gt;, &lt;code&gt;animate&lt;/code&gt; and 17 more&lt;/td&gt;
&lt;td&gt;None; it applies to the whole task&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Install&lt;/td&gt;
&lt;td&gt;&lt;code&gt;npx impeccable install&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;On SkillGild&lt;/td&gt;
&lt;td&gt;&lt;a href="https://skillgild.dev/skills/impeccable" rel="noopener noreferrer"&gt;Impeccable&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href="https://skillgild.dev/skills/design-taste-frontend" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  The test: one brief, both skills
&lt;/h2&gt;

&lt;p&gt;We gave Claude Code the same brief for each run: the landing page for &lt;strong&gt;Ledgerline&lt;/strong&gt;, a fictional bookkeeping app for freelance designers, with a hero, three steps, features, one $12 plan, an FAQ and a footer. It had to be one self-contained HTML file with Google Fonts as the only external resource, and it could not invent testimonials, customer counts, logos or awards. Both runs used Claude Code 2.1.278 with Claude Opus 5 on 9 October 2026, with the skill's files in the project and the Skill tool switched off so no other installed skill could interfere. Each skill ran once, so this is an honest example rather than a benchmark; a second run would produce different pages.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://skillgild.dev/learn/impeccable-vs-taste-skill" rel="noopener noreferrer"&gt;&lt;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%2Farticles%2Fnl95cae5pf4tu5ohyplg.png" alt="Impeccable's page on the left, a signal-yellow departure-board design, and Taste Skill's page on the right, a calm light-grey design with a blue accent, both scrolling from top to bottom" width="799" height="277"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Both pages from the same brief, scrolled side by side (13 seconds, no sound). Watch it on &lt;a href="https://skillgild.dev/learn/impeccable-vs-taste-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What each skill did before writing code
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Impeccable&lt;/strong&gt; ran its context command, found no product file, and wrote a PRODUCT.md that separates what the brief said from what it did not. It listed the unknowns explicitly ("which banks… data export… card-required-or-not… must not be invented"), then rolled a seeded concept from a shortlist grounded in the subject. It landed on a &lt;strong&gt;Swiss departure board&lt;/strong&gt;: money arriving and leaving as a timetable, with the quarterly tax date as the next departure.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Taste Skill&lt;/strong&gt; declared its design read in one line ("SaaS landing for solo freelance designers… with a calm, type-led, honest-tool language"), set its dials to variance 7, motion 5 and density 4, lowering variance "because this is a money app and trust matters", and resolved two conflicts with the brief in writing: no icon library, and a working mini-product in the hero instead of a fake screenshot.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2F2kjf8a76whgxzyvumldp.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2F2kjf8a76whgxzyvumldp.png" alt="Impeccable's hero on the left with a black and yellow departures board of example transactions, and Taste Skill's hero on the right with a transaction panel and client menus" width="800" height="300"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The two heroes at 1440 px.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Results
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Impeccable&lt;/th&gt;
&lt;th&gt;Taste Skill&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Direction&lt;/td&gt;
&lt;td&gt;Swiss departure board, signal yellow and graphite&lt;/td&gt;
&lt;td&gt;Calm, near-monochrome, one ink-blue accent&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Typefaces&lt;/td&gt;
&lt;td&gt;Barlow Condensed and Barlow&lt;/td&gt;
&lt;td&gt;Outfit and IBM Plex Mono&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Visible words&lt;/td&gt;
&lt;td&gt;About 890&lt;/td&gt;
&lt;td&gt;About 460&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Spaced em dashes&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;All-caps labels&lt;/td&gt;
&lt;td&gt;Throughout, as the board style&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Headline treatment&lt;/td&gt;
&lt;td&gt;A smaller second line, "Not in a spreadsheet."&lt;/td&gt;
&lt;td&gt;One word, "spreadsheet", in blue&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Horizontal scroll at 375 px&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Sample data labelled as examples&lt;/td&gt;
&lt;td&gt;Yes ("Example board")&lt;/td&gt;
&lt;td&gt;Yes ("Example transactions")&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Invented product facts&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;None&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Read-only bank link, receipt capture, CSV and PDF exports, email support, 30 days to export after cancelling&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Impeccable detector findings†&lt;/td&gt;
&lt;td&gt;8&lt;/td&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Missed its own checks&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Headline ran to 3 lines and the hero floats low at 1440 px, against its own pre-flight&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Turns&lt;/td&gt;
&lt;td&gt;46&lt;/td&gt;
&lt;td&gt;13&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Time&lt;/td&gt;
&lt;td&gt;23.8 minutes&lt;/td&gt;
&lt;td&gt;7.1 minutes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;API-equivalent cost (reported by Claude Code)&lt;/td&gt;
&lt;td&gt;$7.49&lt;/td&gt;
&lt;td&gt;$2.28&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;†Impeccable's own anti-pattern detector, run on both finished pages, leaving out its &lt;code&gt;cramped-padding&lt;/code&gt; rule (false positives on pages that compute padding with &lt;code&gt;calc()&lt;/code&gt;) and its design-system rules (which only apply to a page with its own DESIGN.md). With every rule counted: 55 and 6. Most of Impeccable's remaining findings are all-caps body text, which is its departure-board style rather than an oversight.&lt;/p&gt;

&lt;p&gt;For reference, the same brief with no skill cost $0.98, took 3.3 minutes, invented similar product facts and was the only page that scrolled sideways on a phone.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fawe05c845zycyzw7nc6w.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fawe05c845zycyzw7nc6w.png" alt="Impeccable's page at 375 px on the left and Taste Skill's on the right: both stack the headline above the trial form with no horizontal scroll" width="800" height="838"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Both pages at 375 px.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Where Impeccable wins
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;It doesn't make things up.&lt;/strong&gt; Its rule "Ask before replacing factual copy or adding claims", and the PRODUCT.md it writes when it cannot ask, kept every unsupported claim off the page. For a real product, this matters more than any visual difference: an invented "no card needed" or a list of supported banks can mislead buyers.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A memorable direction.&lt;/strong&gt; The departure-board concept turns the product's idea into the page. Taste Skill's page is good; Impeccable's is the one you remember.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;It covers more jobs.&lt;/strong&gt; Four modes (persuade, operate, read, experience) and 24 commands mean it works on dashboards, settings screens and docs, and on existing interfaces: &lt;code&gt;/impeccable audit&lt;/code&gt; and &lt;code&gt;/impeccable critique&lt;/code&gt; review what you have without rebuilding it.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;It leaves a design system behind.&lt;/strong&gt; The DESIGN.md it writes keeps later changes consistent.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Where Taste Skill wins
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Cost and speed.&lt;/strong&gt; About a third of the cost and a third of the time for a finished landing page.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Stricter about generic tells.&lt;/strong&gt; It bans the em dash outright, rations the middle dot and lists dozens of AI-design patterns to avoid. Its page had none of the template chrome the no-skill page used.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Restraint.&lt;/strong&gt; A calm, readable page that suits a finance product and would pass most brand reviews. Impeccable's condensed capitals and split-flap tags are bolder but slower to read.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Simplicity.&lt;/strong&gt; One file you can read in an evening and adjust. No binary, no commands to learn.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Its two weak points in our run: it invented product facts like the other skills, and it missed two items from its own pre-flight check. Both are reasons to review its output, not reasons to avoid it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which should you use?
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Your job&lt;/th&gt;
&lt;th&gt;Pick&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;A landing page or portfolio on a budget&lt;/td&gt;
&lt;td&gt;Taste Skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A launch page that has to stand out&lt;/td&gt;
&lt;td&gt;Impeccable&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A real product where every claim must be true&lt;/td&gt;
&lt;td&gt;Impeccable, or Taste Skill with the facts spelled out in your brief&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;A dashboard, settings screen or app UI&lt;/td&gt;
&lt;td&gt;Impeccable (Taste Skill says this is out of scope)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Reviewing or polishing an existing interface&lt;/td&gt;
&lt;td&gt;Impeccable's &lt;code&gt;audit&lt;/code&gt;, &lt;code&gt;critique&lt;/code&gt; or &lt;code&gt;polish&lt;/code&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;You want rules you can read and tweak&lt;/td&gt;
&lt;td&gt;Taste Skill&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Can you use both?&lt;/strong&gt; Not on the same page at once: their rules overlap and sometimes disagree, so one direction skill per page works best. A combination that makes sense, though we did not test it here, is building with Taste Skill and then running Impeccable's &lt;code&gt;audit&lt;/code&gt; command on the result.&lt;/p&gt;

&lt;p&gt;Whichever you choose, put the real product facts in your brief. It was the single biggest difference between a page you could ship and one you would have to rewrite.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install both
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Impeccable: detects your agents, then run /impeccable init inside the agent&lt;/span&gt;
npx impeccable &lt;span class="nb"&gt;install&lt;/span&gt;

&lt;span class="c"&gt;# Taste Skill&lt;/span&gt;
npx skills add https://github.com/Leonxlnx/taste-skill &lt;span class="nt"&gt;--skill&lt;/span&gt; &lt;span class="s2"&gt;"design-taste-frontend"&lt;/span&gt;

&lt;span class="c"&gt;# Or either one from SkillGild, for Claude Code, Codex, Cursor or Gemini CLI&lt;/span&gt;
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;impeccable &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;design-taste-frontend &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Read the full tests: &lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;Impeccable&lt;/a&gt; and &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt;. For eight more frontend skills, including Anthropic's frontend-design skill (the best all-round default in our test), see &lt;a href="https://skillgild.dev/learn/claude-code-frontend-design-skills" rel="noopener noreferrer"&gt;the top 10 Claude frontend and design skills&lt;/a&gt;.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/impeccable-vs-taste-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>webdev</category>
      <category>design</category>
    </item>
    <item>
      <title>10 Claude Code Skills I Actually Use Through SkillGild</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 21:05:36 +0000</pubDate>
      <link>https://dev.to/skillgild/10-claude-code-skills-i-actually-use-through-skillgild-3je2</link>
      <guid>https://dev.to/skillgild/10-claude-code-skills-i-actually-use-through-skillgild-3je2</guid>
      <description>&lt;p&gt;&lt;em&gt;By Niloy Nath, sharing my experience as a SkillGild consumer.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I use Claude Code skills through &lt;a href="https://skillgild.dev/?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills" rel="noopener noreferrer"&gt;SkillGild&lt;/a&gt; for frontend work, code review, and getting finished work out into the world. Paying for the skills I keep returning to has been one of my best decisions for this workflow. &lt;strong&gt;Vernier is the clearest example.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I'm writing this as a SkillGild consumer. This is my personal Claude skills shortlist, based on the work I want my agent to do. My list includes two paid skills and eight free ones; I checked the current catalog on October 9, 2026.&lt;/p&gt;

&lt;p&gt;My work covers &lt;a href="https://piplustheta.in/work" rel="noopener noreferrer"&gt;backend systems and AI infrastructure&lt;/a&gt;, so I care about the implementation and the checks around it. I want a skill to leave me with something I can inspect and use in a project.&lt;/p&gt;

&lt;p&gt;If you only want the short answer: I pay for the parts that solve a recurring problem, then add free skills around them. A paid skill earns its place when I can explain what I use it for without reciting its feature list.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Claude Code skills I use, at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Skill&lt;/th&gt;
&lt;th&gt;What I use it for&lt;/th&gt;
&lt;th&gt;Current access&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Vernier&lt;/td&gt;
&lt;td&gt;Interactive illustrations for product interfaces&lt;/td&gt;
&lt;td&gt;SkillGild Pro&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pro Preview&lt;/td&gt;
&lt;td&gt;Checking color contrast before shipping&lt;/td&gt;
&lt;td&gt;SkillGild Pro&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Taste Skill&lt;/td&gt;
&lt;td&gt;Frontend layout and visual direction&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Logo Design&lt;/td&gt;
&lt;td&gt;SVG marks and brand concepts&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Brag&lt;/td&gt;
&lt;td&gt;Turning project work into a launch video&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;HyperFrames&lt;/td&gt;
&lt;td&gt;Controlling the video composition and timing&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;OpenSpec Propose&lt;/td&gt;
&lt;td&gt;Defining a feature before implementation&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Code Review&lt;/td&gt;
&lt;td&gt;Reviewing a diff for concrete problems&lt;/td&gt;
&lt;td&gt;Free community plugin&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Webapp Testing&lt;/td&gt;
&lt;td&gt;Checking an app in a real browser&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Academic Plotting&lt;/td&gt;
&lt;td&gt;Research figures and readable chart colors&lt;/td&gt;
&lt;td&gt;Free hosted skill&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The order follows my workflow and preferences. It isn't a benchmark ranking. The original creators are credited below; getting a skill through SkillGild doesn't make it a SkillGild invention.&lt;/p&gt;

&lt;h2&gt;
  
  
  What are Claude Code skills?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://code.claude.com/docs/en/skills" rel="noopener noreferrer"&gt;Claude Code skills&lt;/a&gt; are folders containing a &lt;code&gt;SKILL.md&lt;/code&gt; guide and, when needed, scripts or reference files. Claude loads relevant instructions to help with a task. A skill can describe a local workflow or teach your agent how to use a hosted service such as SkillGild.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Vernier: the paid Claude Code skill I value most
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fwnjjdcor5hj2gyrbuo4v.webp" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fwnjjdcor5hj2gyrbuo4v.webp" alt="Illustrated concept of one normalized reading controlled by pointer, touch, or keyboard input" width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;AI-generated editorial concept illustrating the interaction model; see the linked skill examples for actual Vernier output.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/vernier?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=vernier" rel="noopener noreferrer"&gt;Vernier&lt;/a&gt;&lt;/strong&gt; is my first pick when I want an interface illustration that responds to the person using it.&lt;/p&gt;

&lt;p&gt;The useful part is the interaction model. Vernier makes isometric line illustrations that can respond to a pointer, touch, keyboard input, or a live signal. The deliverables include a React component, a web component, and a preview page. That fits the kind of product interfaces I work with much better than treating every visual as a static image.&lt;/p&gt;

&lt;p&gt;For example, I'd give the agent this brief:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Use Vernier to design an isometric illustration for a developer tool. Show one reading from 0 to 1. Give it pointer, touch, and keyboard controls, and keep the highlight consistent with the interface accent.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That is a specific job with an output I can inspect. It's why paying for Vernier feels worthwhile to me: I want a reusable way to build this kind of interaction, rather than spending every session explaining the same behavior again.&lt;/p&gt;

&lt;p&gt;I also respect its limits. Vernier isn't the choice for a photograph, a logo, or a chart with several data series and axes. It shows one reading at a time. If the requirement is a line chart comparing experiments, I move to Academic Plotting.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;My recommendation:&lt;/strong&gt; if interactive product graphics are part of your regular work, &lt;a href="https://skillgild.dev/skills/vernier?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=vernier-examples" rel="noopener noreferrer"&gt;look at Vernier's examples and requirements&lt;/a&gt;, then compare the &lt;a href="https://skillgild.dev/pricing?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=vernier-plan" rel="noopener noreferrer"&gt;current Pro plans&lt;/a&gt;. This is where I'd start with a paid skill.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Pro Preview: a paid check I can use before shipping
&lt;/h2&gt;

&lt;p&gt;I use &lt;strong&gt;&lt;a href="https://skillgild.dev/skills/pro-preview?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=pro-preview" rel="noopener noreferrer"&gt;Pro Preview&lt;/a&gt;&lt;/strong&gt; for a quieter problem: colors that look acceptable in a screenshot but don't have enough contrast in the interface.&lt;/p&gt;

&lt;p&gt;It checks a palette against WCAG contrast ratios and suggests alternatives that pass the requested checks. That gives me something concrete to review when an agent changes the colors in a dashboard, slide, or chart.&lt;/p&gt;

&lt;p&gt;The distinction matters with charts. A color can be readable as a thick line and still fail when used for a small text label. &lt;a href="https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html" rel="noopener noreferrer"&gt;WCAG's minimum contrast guidance&lt;/a&gt; explains the text requirements; I don't want to decide that by eye.&lt;/p&gt;

&lt;p&gt;My prompt is usually closer to this than to “make the colors accessible”:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Check these foreground and background pairs. Separate small text from larger graphical elements, explain which checks fail, and propose replacements that preserve the meaning of the palette.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;A contrast check covers contrast. I still need to inspect keyboard navigation, labels, focus states, and the rest of the interface. Pro Preview earns its place by giving me a bounded check I can repeat.&lt;/p&gt;

&lt;p&gt;At publication, &lt;strong&gt;Vernier and Pro Preview are the two premium skills listed in SkillGild Pro&lt;/strong&gt;, each with 25 sessions per calendar month. Prices and the payment method depend on billing country. I use the &lt;a href="https://skillgild.dev/pricing?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=pro-options" rel="noopener noreferrer"&gt;pricing page&lt;/a&gt; for the current terms rather than copying a price that may change.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Taste Skill: frontend direction before more components
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/design-taste-frontend" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt;&lt;/strong&gt;, credited to &lt;a href="https://github.com/Leonxlnx/taste-skill/tree/main/skills/taste-skill" rel="noopener noreferrer"&gt;Leonxlnx&lt;/a&gt;, is one of the free Claude Code skills I keep around for frontend work.&lt;/p&gt;

&lt;p&gt;I use it when a page technically works but still feels like the agent assembled whatever layout it reached for first. Giving the agent a brief and a visual direction is more useful than asking for another round of decorative changes.&lt;/p&gt;

&lt;p&gt;My brief names the audience, the main action, the content that must remain, and the existing design system. For an established page, I want an audit before a redesign. The skill helps establish that sequence.&lt;/p&gt;

&lt;p&gt;I don't apply it indiscriminately to every component. If the task is to fix an indexing directive, the best result may be a two-line change. A design pass should serve the page, not turn a small repair into a new website.&lt;/p&gt;

&lt;p&gt;SkillGild's &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;Taste Skill walkthrough&lt;/a&gt; is a useful way to see the kind of brief and output involved before installing it.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Logo Design: give the mark constraints
&lt;/h2&gt;

&lt;p&gt;I use &lt;strong&gt;&lt;a href="https://skillgild.dev/skills/logo-design" rel="noopener noreferrer"&gt;Logo Design&lt;/a&gt;&lt;/strong&gt;, by &lt;a href="https://github.com/kaankiziltug/logo-design-skill" rel="noopener noreferrer"&gt;kaankiziltug&lt;/a&gt;, when I need a mark I can use in an actual interface.&lt;/p&gt;

&lt;p&gt;The output being an SVG matters. I want to inspect the geometry, try it at a small size, and see what happens in one color. A polished concept board alone doesn't answer those questions.&lt;/p&gt;

&lt;p&gt;The brief needs to name the product, the intended audience, and where the mark will appear. I also specify restrictions early: whether text belongs in the mark, how it should read at 16 pixels, and which visual ideas to avoid.&lt;/p&gt;

&lt;p&gt;This is a good companion to Taste Skill. One helps establish the page's visual direction; the other focuses on the mark. I keep those tasks separate so the agent doesn't redesign everything while solving a logo problem.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Brag: turn finished project work into something shareable
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/brag" rel="noopener noreferrer"&gt;Brag&lt;/a&gt;&lt;/strong&gt;, by &lt;a href="https://github.com/latent-spaces/brag" rel="noopener noreferrer"&gt;Shunit Haviv Hakimi&lt;/a&gt;, is the skill I reach for when the project exists and I want to show it to someone.&lt;/p&gt;

&lt;p&gt;Its starting point is the code. The agent reads the project and builds a launch-video workflow around what is there, which is useful before I have a polished live demo ready.&lt;/p&gt;

&lt;p&gt;One of my launch-video projects needed a 90-second film with separate desktop, mobile, and social cuts. That made the brief important: the audience, the story, and what the product could actually do had to be explicit. A skill gives the agent a method; I still have to give it the right project facts.&lt;/p&gt;

&lt;p&gt;I use Brag for the launch-film task, and check the resulting scenes against the product. Screens that imply features the app doesn't have would make the video worse, however good the animation looked.&lt;/p&gt;

&lt;p&gt;You can &lt;a href="https://skillgild.dev/watch/brag" rel="noopener noreferrer"&gt;watch a creator-provided Brag example&lt;/a&gt; before deciding whether it fits your project.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. HyperFrames: when I need control over the video
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/hyperframes-core" rel="noopener noreferrer"&gt;HyperFrames&lt;/a&gt;&lt;/strong&gt;, by &lt;a href="https://github.com/heygen-com/hyperframes" rel="noopener noreferrer"&gt;HeyGen&lt;/a&gt;, is where I go deeper into the composition.&lt;/p&gt;

&lt;p&gt;The workflow uses HTML with timed clips and animation, then renders to video through the HyperFrames CLI. It suits me because I can work with the composition as code: change a scene, review a frame, and adjust the timing.&lt;/p&gt;

&lt;p&gt;The practical lesson from the launch-video work is to treat the mobile version as its own composition. A desktop frame cropped into a vertical rectangle can lose the words or UI that made the shot useful.&lt;/p&gt;

&lt;p&gt;I use Brag when I want the project-to-launch-film workflow. I use HyperFrames when I need to work on the underlying composition and render. They cover different stages of the same job.&lt;/p&gt;

&lt;p&gt;This is still a local rendering workflow. Check the renderer requirements and installation steps on the skill page before assuming the skill alone can produce an MP4.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. OpenSpec Propose: write down the change before writing code
&lt;/h2&gt;

&lt;p&gt;I use &lt;strong&gt;&lt;a href="https://skillgild.dev/skills/openspec-propose" rel="noopener noreferrer"&gt;OpenSpec Propose&lt;/a&gt;&lt;/strong&gt;, by &lt;a href="https://github.com/Fission-AI/OpenSpec" rel="noopener noreferrer"&gt;Fission AI&lt;/a&gt;, when a feature has enough moving parts that a casual prompt leaves room for several different implementations.&lt;/p&gt;

&lt;p&gt;The skill produces a proposal, specification changes, a design, and implementation tasks grounded in the project's existing specs. I want those artifacts to state what will change and what a working result looks like.&lt;/p&gt;

&lt;p&gt;A useful prompt includes the trigger and the expected behavior. “Improve billing” is too broad. “After a successful payment, attach the purchase to the account using the checkout email, and make repeated callbacks safe” gives the proposal something to resolve.&lt;/p&gt;

&lt;p&gt;I skip the ceremony for small repairs. For changes that cross a frontend, an API, and stored state, writing the agreement first is worth the effort.&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://skillgild.dev/learn/openspec" rel="noopener noreferrer"&gt;OpenSpec guide&lt;/a&gt; covers the workflow in more detail.&lt;/p&gt;

&lt;h2&gt;
  
  
  8. Code Review: ask for findings I can verify
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/code-review" rel="noopener noreferrer"&gt;Code Review&lt;/a&gt;&lt;/strong&gt; is Anthropic's official plugin, listed as a free community skill through SkillGild. Its &lt;a href="https://github.com/anthropics/claude-plugins-official/tree/main/plugins/code-review" rel="noopener noreferrer"&gt;upstream source&lt;/a&gt; remains the place to inspect the plugin itself.&lt;/p&gt;

&lt;p&gt;I use it after a meaningful change, with a narrow request: review the diff for correctness, project conventions, and the behavior the task required. I want a location and a reason for each finding.&lt;/p&gt;

&lt;p&gt;An agent saying “the code looks good” doesn't give me much to work with. A finding that identifies an incorrect condition and explains the case it mishandles is something I can check.&lt;/p&gt;

&lt;p&gt;I still verify the findings. A review can miss a bug or report a false positive. The value is another structured pass over the change before I call it finished.&lt;/p&gt;

&lt;h2&gt;
  
  
  9. Webapp Testing: the browser gets a vote
&lt;/h2&gt;

&lt;p&gt;I use &lt;strong&gt;&lt;a href="https://skillgild.dev/skills/webapp-testing" rel="noopener noreferrer"&gt;Webapp Testing&lt;/a&gt;&lt;/strong&gt;, from &lt;a href="https://github.com/anthropics/skills/tree/main/skills/webapp-testing" rel="noopener noreferrer"&gt;Anthropic's skills repository&lt;/a&gt;, to check the interface in a real browser.&lt;/p&gt;

&lt;p&gt;This matters because a build can pass while a link is covered by another element, an image fails to load, or a mobile layout overflows. Those are observable failures, and I want the agent to bring back the browser evidence.&lt;/p&gt;

&lt;p&gt;For video watch pages, the check needs to include playback and the links that take someone to the page. For a form, it needs the submit path and the states a person can actually reach. I name the flow instead of asking the agent to “test everything.”&lt;/p&gt;

&lt;p&gt;I usually include desktop and mobile viewport sizes in the brief. A screenshot helps, but clicking the control and checking its result is the part I care about most.&lt;/p&gt;

&lt;h2&gt;
  
  
  10. Academic Plotting: figures that survive being read
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/academic-plotting" rel="noopener noreferrer"&gt;Academic Plotting&lt;/a&gt;&lt;/strong&gt; is credited to &lt;a href="https://github.com/Orchestra-Research/AI-Research-SKILLs/tree/main/20-ml-paper-writing/academic-plotting" rel="noopener noreferrer"&gt;Orchestra Research&lt;/a&gt;. I use it when the output is a chart for a technical explanation, paper, or research result.&lt;/p&gt;

&lt;p&gt;The task starts with the data and the comparison I want a reader to understand. Then I can ask for the chart type, plotting code, and the checks needed for the intended output size.&lt;/p&gt;

&lt;p&gt;SkillGild's &lt;a href="https://skillgild.dev/learn/claude-code-research-plots" rel="noopener noreferrer"&gt;recorded plotting walkthrough&lt;/a&gt; gives a concrete example: the original colors passed the graphics contrast check but failed the small-label check. The revised colors returned ratios of 5.14:1 and 5.60:1 against white. The run uses a synthetic dataset and was performed with Codex; it isn't a claim about a Claude Code experiment.&lt;/p&gt;

&lt;p&gt;That example captures why I keep a plotting skill around. A chart can look fine at full screen and become unreadable in a document. I want the agent to consider the final figure size while it writes the code.&lt;/p&gt;

&lt;h2&gt;
  
  
  How I install these Claude Code skills through SkillGild
&lt;/h2&gt;

&lt;p&gt;Once the SkillGild CLI is installed and connected, the command format is:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;vernier &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;pro-preview &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;design-taste-frontend &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Replace the slug with the skill you want. The &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code installation guide&lt;/a&gt; covers setup; the individual listing tells you whether the skill is hosted or installed from an upstream repository.&lt;/p&gt;

&lt;p&gt;For hosted skills, installation puts the guide into the agent's workflow; an account and the required entitlement are still needed to start a session. Installing a wrapper doesn't unlock a paid skill. Your coding agent also keeps using its own model and subscription.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://code.claude.com/docs/en/skills" rel="noopener noreferrer"&gt;Anthropic's skill documentation&lt;/a&gt; explains Claude Code's personal and project skill locations. I use project scope when a workflow belongs to a repository, and personal scope when I want it across projects.&lt;/p&gt;

&lt;h2&gt;
  
  
  Are Claude Code skills free?
&lt;/h2&gt;

&lt;p&gt;Some are free; some require a paid service or plan. On SkillGild, the current listings distinguish free hosted skills, free community skills, and Pro skills. Hosted session allowances and local execution are different things, so I check the listing rather than treating every installation as a paid run.&lt;/p&gt;

&lt;p&gt;The eight free skills above don't require a Pro purchase just because Vernier and Pro Preview do. Any costs for your agent's model, renderer, or other services are separate.&lt;/p&gt;

&lt;h2&gt;
  
  
  Is it worth paying for Claude Code skills?
&lt;/h2&gt;

&lt;p&gt;For me, yes, when the paid skill matches work I return to. Paying for Vernier has been one of my best decisions for this part of my workflow. I know the kind of visual interaction I want it to help build, and I can inspect what it produces.&lt;/p&gt;

&lt;p&gt;I wouldn't buy a plan just to have a bigger skills list. If you mainly need code review and browser checks, start with the free skills. If you repeatedly need interactive product illustrations or the premium contrast-checking tools, &lt;a href="https://skillgild.dev/pricing?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=final-pro-cta" rel="noopener noreferrer"&gt;compare SkillGild Pro&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which Claude Code skills would I start with?
&lt;/h2&gt;

&lt;p&gt;My starting pair would be &lt;strong&gt;Vernier for the interactive visuals I care about, and Webapp Testing to check the interface I ship&lt;/strong&gt;. If the immediate task is a landing page, I'd add Taste Skill. If it's a launch video, I'd add Brag.&lt;/p&gt;

&lt;p&gt;Pick the job first. Then &lt;a href="https://skillgild.dev/skills?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=personal-claude-skills&amp;amp;utm_content=browse" rel="noopener noreferrer"&gt;open the relevant SkillGild listing&lt;/a&gt;, check what the skill needs, and give it a real brief. That is the part of using skills that has been most helpful to me.&lt;/p&gt;

&lt;p&gt;Originally published on &lt;a href="https://piplustheta.in/blog/claude-code-skills-i-use-skillgild" rel="noopener noreferrer"&gt;my portfolio&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>claudecode</category>
      <category>ai</category>
      <category>productivity</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Best Claude skills for marketing, SEO and ads in 2026</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 20:36:46 +0000</pubDate>
      <link>https://dev.to/skillgild/best-claude-skills-for-marketing-seo-and-ads-in-2026-363a</link>
      <guid>https://dev.to/skillgild/best-claude-skills-for-marketing-seo-and-ads-in-2026-363a</guid>
      <description>&lt;p&gt;Marketing work is where Claude skills pay off fastest, because most of the job is repeatable method: the same audit, the same brief, the same editing pass, run against different inputs. A skill captures that method once so you stop re-explaining it.&lt;/p&gt;

&lt;p&gt;This page lists the Claude skills marketers actually use, grouped by the job. Some are large sets that cover a whole function; most do one thing well. Every pick links to its SkillGild listing, where the install command, author and license are shown.&lt;/p&gt;

&lt;p&gt;Once the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;SkillGild CLI&lt;/a&gt; is set up, each one installs with a single command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install&lt;/span&gt; &amp;lt;slug&amp;gt; &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Use &lt;code&gt;--agent codex&lt;/code&gt;, &lt;code&gt;cursor&lt;/code&gt; or &lt;code&gt;gemini-cli&lt;/code&gt; for other clients. If you want the wider picture rather than the marketing cut, start with the &lt;a href="https://skillgild.dev/learn/best-claude-code-skills" rel="noopener noreferrer"&gt;best Claude Code skills&lt;/a&gt; list.&lt;/p&gt;

&lt;h2&gt;
  
  
  Start with one of the two large sets
&lt;/h2&gt;

&lt;p&gt;Two skills cover most of a marketing function on their own. Install one of these before anything else; the single-purpose skills below fill the gaps.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/marketing-skills" rel="noopener noreferrer"&gt;Marketing Skills&lt;/a&gt;&lt;/strong&gt; by Corey Haines. Sixty-plus marketing skills in one set: copywriting and copy editing, conversion work on landing pages, signup flows, forms, popups and paywalls, SEO audits and programmatic SEO, paid ads, email sequences, pricing, A/B test planning, analytics tracking, cold email, onboarding, referrals, RevOps and sales enablement. It is the broadest marketing collection available and the one to install first if you only install one.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/claude-seo" rel="noopener noreferrer"&gt;Claude SEO&lt;/a&gt;&lt;/strong&gt; by Agrici Daniel. Twenty-six sub-skills and nineteen specialist sub-agents aimed squarely at search: technical audits, content quality, schema, E-E-A-T, local and e-commerce SEO, hreflang, backlinks, sitemaps, image optimisation, and generative-engine readiness including &lt;code&gt;llms.txt&lt;/code&gt; and WebMCP. If search is the channel you own, this goes deeper than the SEO portion of a general marketing set.&lt;/p&gt;

&lt;p&gt;The two overlap on SEO audits. Running both is fine — they are instructions, not services, so there is no conflict — but expect to pick a favourite for audits and keep the other for everything else.&lt;/p&gt;

&lt;h2&gt;
  
  
  Copywriting and editing
&lt;/h2&gt;

&lt;p&gt;Drafting is the part people reach for first and the part that most needs a second pass. These three run in sequence: draft, strip the tells, check against a style guide.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/humanizer" rel="noopener noreferrer"&gt;Humanizer&lt;/a&gt;&lt;/strong&gt; by blader. Rewrites AI-sounding copy so it reads like a person wrote it, working from the patterns catalogued in Wikipedia's guide to AI writing, then audits its own output. The most-searched community skill of the year, and the one that matters most if you publish at volume.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/stop-slop" rel="noopener noreferrer"&gt;Stop Slop&lt;/a&gt;&lt;/strong&gt; by Hardik Pandya. Seven rules that remove the recognisable tells: not-X-but-Y contrasts, staged openers, forced triads, filler closers. Many people run it as the final pass after Humanizer rather than instead of it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/writing-guidelines" rel="noopener noreferrer"&gt;Writing Guidelines&lt;/a&gt;&lt;/strong&gt; by Vercel. Reviews prose against more than eighty rules from Vercel's style guide. Built for documentation and product copy, so it is the right choice for help centres, onboarding emails and UI strings, and the wrong one for a landing page headline.&lt;/p&gt;

&lt;h2&gt;
  
  
  Ad, social and brand creative
&lt;/h2&gt;

&lt;p&gt;Creative is the other half of paid and social work, and it is the half that usually blocks a launch.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/nano-banana" rel="noopener noreferrer"&gt;Nano Banana&lt;/a&gt;&lt;/strong&gt; by Keanan Koppenhaver. Generates and edits images from a plain prompt using Google's Gemini image models: ad variants, social crops, icons, photo cleanup and sequential story images. Bring your own Gemini API key.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/canvas-design" rel="noopener noreferrer"&gt;Canvas Design&lt;/a&gt;&lt;/strong&gt; by Anthropic. Composes finished visual artefacts — posters, covers, social graphics — on an HTML canvas with deliberate typography, grid and colour choices instead of filling a template. Use it when the output needs to look designed rather than generated.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/logo-design" rel="noopener noreferrer"&gt;Logo Design&lt;/a&gt;&lt;/strong&gt; is a hosted skill that takes a brand brief to production files: concepts, geometric SVG, tests at small sizes and in one colour, then presentation boards. It runs through SkillGild with free monthly runs, so it is the cheapest way to see whether hosted skills suit your workflow.&lt;/p&gt;

&lt;h2&gt;
  
  
  Research and positioning
&lt;/h2&gt;

&lt;p&gt;The work before the writing: what the market is talking about, and what you are actually claiming.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/last30days" rel="noopener noreferrer"&gt;last30days&lt;/a&gt;&lt;/strong&gt; by mvanhorn. Researches a topic across Reddit, X, YouTube, Hacker News, Polymarket, GitHub and the web for the last thirty days, ranks what people actually upvoted and shared, and returns a grounded summary. Useful for campaign timing and for finding the phrasing your audience already uses.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/deep-research" rel="noopener noreferrer"&gt;Deep Research&lt;/a&gt;&lt;/strong&gt; runs longer, multi-source investigations and is the better fit for competitor and category work where you need citations rather than a pulse check.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/grill-me" rel="noopener noreferrer"&gt;Grill Me&lt;/a&gt;&lt;/strong&gt; by Matt Pocock. Interviews you about a plan one question at a time, each with a recommended answer attached, until every branch is resolved. It was built for engineering decisions and works just as well on positioning: it surfaces the claims you have not decided yet before they reach a page.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to install a marketing skill
&lt;/h2&gt;

&lt;p&gt;Marketing skills are ordinary skill folders, so nothing about installing them is special. The short version:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;marketing-skills &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;claude-seo &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then start a new session and describe the job in your own words — "audit this landing page for conversion" — without naming the skill. Claude says when it uses one. If nothing happens, the folder is in the wrong place or the skill's description does not match your phrasing; the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;install guide&lt;/a&gt; covers both.&lt;/p&gt;

&lt;p&gt;A note on the large sets: because Marketing Skills and Claude SEO each bundle dozens of sub-skills, they take more of the model's attention than a single-purpose skill. If you work on one channel, installing the specific skills you need usually beats installing everything.&lt;/p&gt;

&lt;h2&gt;
  
  
  How these were chosen
&lt;/h2&gt;

&lt;p&gt;Each pick does a marketing job that recurs, is maintained by a named person or organisation, and has a public repository or a hosted listing with its license stated. We read the README and the &lt;code&gt;SKILL.md&lt;/code&gt; before listing any of them; where a listing says the license is not stated, the repository had no license file at review time, so treat the code as all rights reserved until one is added.&lt;/p&gt;

&lt;p&gt;Marketing demand for skills is also the most commercially-minded segment of the whole category — roughly a third of marketing-related skill searches carry commercial intent, against single digits for the ecosystem overall. That is the main reason this list exists as its own page rather than a section somewhere else. The search data behind that claim is in &lt;a href="https://skillgild.dev/learn/state-of-claude-skills" rel="noopener noreferrer"&gt;the state of Claude skills&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Community skills run locally in your agent on your own model usage; SkillGild lists them, credits their authors and installs them from source. Hosted skills run through the SkillGild MCP server, which keeps private prompts and server tools off your machine and counts runs against a monthly allowance. Both appear in the same catalog of &lt;a href="https://skillgild.dev/skills" rel="noopener noreferrer"&gt;Claude Code skills&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>marketing</category>
      <category>seo</category>
    </item>
    <item>
      <title>SkillsMP vs SkillGild: an index of everything, or a catalog you can install</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 20:36:25 +0000</pubDate>
      <link>https://dev.to/skillgild/skillsmp-vs-skillgild-an-index-of-everything-or-a-catalog-you-can-install-39f5</link>
      <guid>https://dev.to/skillgild/skillsmp-vs-skillgild-an-index-of-everything-or-a-catalog-you-can-install-39f5</guid>
      <description>&lt;p&gt;&lt;strong&gt;Short answer:&lt;/strong&gt; these are not the same kind of product, and the usual "which is cheaper" question does not apply. &lt;strong&gt;SkillsMP&lt;/strong&gt; is a free index: it collects SKILL.md files from public GitHub repositories and helps you find them, then sends you to the original repository. &lt;strong&gt;SkillGild&lt;/strong&gt; is a reviewed catalog: far fewer skills, but each one has a checked author, license and source, a one-command install for your agent, and hosted skills that run on our servers with a free monthly allowance. Use SkillsMP to discover what exists; use SkillGild when you want to install something and know what you are installing.&lt;/p&gt;

&lt;p&gt;We publish SkillGild, so read this as a comparison from one side. Every SkillsMP fact below comes from its own public pages, checked on 9 October 2026 and linked where it is used. We have not benchmarked search quality on either service.&lt;/p&gt;

&lt;h2&gt;
  
  
  SkillsMP vs SkillGild at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;SkillsMP&lt;/th&gt;
&lt;th&gt;SkillGild&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;What it is&lt;/td&gt;
&lt;td&gt;"An Open Map of the Agent Skills Ecosystem"&lt;/td&gt;
&lt;td&gt;A reviewed marketplace with hosted and community skills&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Catalog size&lt;/td&gt;
&lt;td&gt;Claims "3M+" SKILL.md files from public GitHub repositories&lt;/td&gt;
&lt;td&gt;Tens of skills, each read before listing&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;How entries arrive&lt;/td&gt;
&lt;td&gt;Collected from public repositories&lt;/td&gt;
&lt;td&gt;Reviewed one at a time: author, license, source, &lt;code&gt;SKILL.md&lt;/code&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Install path&lt;/td&gt;
&lt;td&gt;None described in its docs; it links you to the source&lt;/td&gt;
&lt;td&gt;&lt;code&gt;skillgild install &amp;lt;slug&amp;gt; --agent claude-code&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Agents named&lt;/td&gt;
&lt;td&gt;Claude Code, Codex CLI, ChatGPT&lt;/td&gt;
&lt;td&gt;Claude Code, Codex, Cursor, Gemini CLI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Hosted execution&lt;/td&gt;
&lt;td&gt;No&lt;/td&gt;
&lt;td&gt;Yes, for hosted skills, through the SkillGild MCP server&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Price&lt;/td&gt;
&lt;td&gt;"completely free", "No paid tiers"&lt;/td&gt;
&lt;td&gt;Free skills with 25 runs a month; Pro from $6.99 a month&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Programmatic access&lt;/td&gt;
&lt;td&gt;REST API and an MCP endpoint&lt;/td&gt;
&lt;td&gt;MCP server, CLI and SDKs&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Who runs it&lt;/td&gt;
&lt;td&gt;"an independent community project", written in the first person&lt;/td&gt;
&lt;td&gt;A company, with refunds, support and a creator program&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;SkillsMP's description of itself, its "3M+" figure and the languages and occupation counts come from its &lt;a href="https://skillsmp.com/" rel="noopener noreferrer"&gt;home page&lt;/a&gt; and &lt;a href="https://skillsmp.com/about" rel="noopener noreferrer"&gt;about page&lt;/a&gt;; the absence of an install path is from its &lt;a href="https://skillsmp.com/docs" rel="noopener noreferrer"&gt;documentation&lt;/a&gt;. SkillGild's prices are shown for your country, as on our &lt;a href="https://skillgild.dev/pricing" rel="noopener noreferrer"&gt;pricing page&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The real difference is review, not price
&lt;/h2&gt;

&lt;p&gt;SkillsMP is free and says so plainly: its home page describes the service as "completely free" with "No paid tiers", funded by donations. There is no subscription to compare against, so a pricing table would tell you nothing useful.&lt;/p&gt;

&lt;p&gt;What differs is what happens between a skill existing and you running it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;SkillsMP indexes at scale and hands you back to the source.&lt;/strong&gt; Its about page says the project exists to "Collect 3M+ SKILL.md files from public GitHub repositories" and to "Show creators, repositories, and source links". It is explicit that it does not vet what it collects: the same page says SkillsMP "does not rush to judge skills", and it tells readers to "Return to the real source before deciding whether to install or reuse anything" and to "Always review code before installation". That is honest, and it puts the review work on you.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;SkillGild reviews before listing.&lt;/strong&gt; A skill reaches our catalog only after someone has read its README and its &lt;code&gt;SKILL.md&lt;/code&gt;, confirmed the author and the repository, and recorded the license, including an honest "not stated" when the repository has no license file. Community skills are listed and installed from their own repositories, never copied or re-hosted, and the author is credited on the page. That is why our catalog is measured in tens rather than millions.&lt;/p&gt;

&lt;p&gt;Neither approach is wrong. An index of three million files answers "does something like this exist?". A reviewed catalog answers "can I install this one safely, and what am I agreeing to?".&lt;/p&gt;

&lt;h2&gt;
  
  
  Installing: one command against a trip to GitHub
&lt;/h2&gt;

&lt;p&gt;This is the most practical difference.&lt;/p&gt;

&lt;p&gt;SkillsMP's &lt;a href="https://skillsmp.com/docs" rel="noopener noreferrer"&gt;documentation&lt;/a&gt; describes no installation method at all, and points to Anthropic's own documentation instead: "For detailed guides on how to install and use Skills, please refer to the official documentation". Once you have found a skill there, you open its repository and copy the folder into your agent's skills directory yourself.&lt;/p&gt;

&lt;p&gt;On SkillGild, every listing carries a working command:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;humanizer &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Use &lt;code&gt;--agent codex&lt;/code&gt;, &lt;code&gt;cursor&lt;/code&gt; or &lt;code&gt;gemini-cli&lt;/code&gt; for other clients, and the CLI writes to the right directory for each. The &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;install guide&lt;/a&gt; covers folder paths, global against per-project installs and what to check when a skill does not load.&lt;/p&gt;

&lt;p&gt;If you prefer the manual route, it works the same from either source: a skill is a folder containing a &lt;code&gt;SKILL.md&lt;/code&gt;, and copying it into &lt;code&gt;~/.claude/skills/&lt;/code&gt; is enough.&lt;/p&gt;

&lt;h2&gt;
  
  
  Running a skill: local files against hosted tools
&lt;/h2&gt;

&lt;p&gt;Every skill SkillsMP indexes is an open-source folder that runs locally in your agent, on your own model usage. SkillGild lists those too, on exactly the same terms.&lt;/p&gt;

&lt;p&gt;SkillGild also has a second kind. A hosted skill installs a small wrapper, and the work runs on our servers through the SkillGild MCP server. That keeps a creator's private prompts and server-side tools off your machine, lets tools improve without a reinstall, and counts runs against a monthly allowance. The &lt;a href="https://skillgild.dev/docs/concepts#run-modes" rel="noopener noreferrer"&gt;run modes&lt;/a&gt; page explains both. An index of public repositories has nothing equivalent, because there is nothing to host.&lt;/p&gt;

&lt;h2&gt;
  
  
  Programmatic access
&lt;/h2&gt;

&lt;p&gt;Both services are built to be queried by agents rather than only by people.&lt;/p&gt;

&lt;p&gt;SkillsMP publishes a REST API and an MCP endpoint. Its home page states the limits: 50 requests a day anonymously, 500 a day with a free API key, and MCP access with no API key and no daily quota, subject to shorter per-IP limits.&lt;/p&gt;

&lt;p&gt;SkillGild's &lt;a href="https://skillgild.dev/docs/concepts" rel="noopener noreferrer"&gt;MCP server&lt;/a&gt; serves the catalog and runs hosted skills, and there are open-source SDKs for TypeScript, Python and Go, covered in the &lt;a href="https://skillgild.dev/learn/agent-skills-sdk" rel="noopener noreferrer"&gt;agent skills SDK guide&lt;/a&gt;. The difference matches the products: SkillsMP's API returns pointers to repositories, and SkillGild's runs the skill.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which to use
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Finding out whether a skill already exists for some job.&lt;/strong&gt; SkillsMP, by a wide margin. Nothing else indexes the ecosystem at that scale, and it is free.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Installing something today and knowing what it is.&lt;/strong&gt; SkillGild, because the author, license and source have been checked and the install is one command. Or SkillsMP plus your own review of the repository, which is the same work done by hand.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Running a skill without putting its code on your machine.&lt;/strong&gt; Only SkillGild's hosted skills do this.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Browsing by job rather than by name.&lt;/strong&gt; Both, differently: SkillsMP organises by occupation and category across everything it has collected; SkillGild's &lt;a href="https://skillgild.dev/learn/best-claude-code-skills" rel="noopener noreferrer"&gt;best Claude Code skills&lt;/a&gt; and category pages are editorial picks with reasons attached.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most people end up using both, and that is a reasonable outcome. They answer different questions.&lt;/p&gt;

&lt;h2&gt;
  
  
  How we checked this
&lt;/h2&gt;

&lt;p&gt;Every SkillsMP claim above is quoted from its home page, about page or documentation on 9 October 2026, and linked where used. We did not test its search quality, measure its index, or verify the "3M+" figure independently; it is the figure the site publishes. Third-party write-ups quote wildly different counts for SkillsMP, from twenty-five thousand to several hundred thousand, which is one reason we cite only the site's own number and the date we read it.&lt;/p&gt;

&lt;p&gt;We have not compared the two on anything we cannot show you. There is no measured winner here on search relevance or catalog quality, and a comparison written by one of the two parties should not be the only thing you read. The wider survey is in &lt;a href="https://skillgild.dev/learn/best-ai-agent-skill-marketplaces" rel="noopener noreferrer"&gt;best AI agent skill marketplaces&lt;/a&gt;, and the closest comparison to this one is &lt;a href="https://skillgild.dev/learn/skillgild-vs-skillry" rel="noopener noreferrer"&gt;Skillry vs SkillGild&lt;/a&gt;, where both services do charge and a price comparison is meaningful.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>devtools</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Humanizer vs Stop Slop: which removes AI writing tells?</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 20:36:04 +0000</pubDate>
      <link>https://dev.to/skillgild/humanizer-vs-stop-slop-which-removes-ai-writing-tells-1lc1</link>
      <guid>https://dev.to/skillgild/humanizer-vs-stop-slop-which-removes-ai-writing-tells-1lc1</guid>
      <description>&lt;p&gt;&lt;strong&gt;Short answer:&lt;/strong&gt; they do different jobs, and most people who care about this run both. &lt;strong&gt;Humanizer&lt;/strong&gt; rewrites AI-sounding prose so it reads like a person wrote it, without changing what it says. &lt;strong&gt;Stop Slop&lt;/strong&gt; is a shorter, stricter rule set that deletes the specific tells a model leaves behind. Humanizer changes how a draft moves; Stop Slop removes what should not be there. Running Humanizer first and Stop Slop last is the common order.&lt;/p&gt;

&lt;p&gt;Both are free, open-source community skills, listed on SkillGild and installed from their own repositories. Neither is ours.&lt;/p&gt;

&lt;h2&gt;
  
  
  What each one actually does
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/humanizer" rel="noopener noreferrer"&gt;Humanizer&lt;/a&gt;&lt;/strong&gt; by blader rewrites AI-sounding text so it reads like a person wrote it, without changing what it says. It works from the patterns catalogued in Wikipedia's guide to AI writing, then audits its own output against the same list. It is the most-searched community skill of the year, which is a reasonable proxy for how widely the problem is felt.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/stop-slop" rel="noopener noreferrer"&gt;Stop Slop&lt;/a&gt;&lt;/strong&gt; by Hardik Pandya is a skill file that teaches the model to recognise and remove its own writing tells: throat-clearing openers, not-X-but-Y contrasts, forced triads, filler closers. It is seven rules rather than a rewriting method, which is why it is quick and why it rarely changes your meaning.&lt;/p&gt;

&lt;p&gt;The distinction matters because the two failure modes are different. A draft can be free of every obvious tell and still read like a machine wrote it, because the sentences are all the same length and every paragraph has the same shape. That is Humanizer's problem to solve. Equally, a well-paced draft can still open with "In today's fast-paced world" and close with "the possibilities are endless". That is Stop Slop's.&lt;/p&gt;

&lt;h2&gt;
  
  
  Side by side
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;Humanizer&lt;/th&gt;
&lt;th&gt;Stop Slop&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Author&lt;/td&gt;
&lt;td&gt;blader&lt;/td&gt;
&lt;td&gt;Hardik Pandya&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What it changes&lt;/td&gt;
&lt;td&gt;Rhythm, sentence variety, cadence&lt;/td&gt;
&lt;td&gt;Specific phrases and structures&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Method&lt;/td&gt;
&lt;td&gt;Rewrites, then audits its own output&lt;/td&gt;
&lt;td&gt;Seven rules applied to the draft&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Risk to your meaning&lt;/td&gt;
&lt;td&gt;Higher: it rewrites sentences&lt;/td&gt;
&lt;td&gt;Lower: it mostly deletes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Length of pass&lt;/td&gt;
&lt;td&gt;Slower, it reworks the text&lt;/td&gt;
&lt;td&gt;Fast&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Best used&lt;/td&gt;
&lt;td&gt;First, on a full draft&lt;/td&gt;
&lt;td&gt;Last, as a final check&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;License&lt;/td&gt;
&lt;td&gt;MIT&lt;/td&gt;
&lt;td&gt;MIT&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Both install the same way once the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;SkillGild CLI&lt;/a&gt; is set up:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;humanizer &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
skillgild &lt;span class="nb"&gt;install &lt;/span&gt;stop-slop &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Use &lt;code&gt;--agent codex&lt;/code&gt;, &lt;code&gt;cursor&lt;/code&gt; or &lt;code&gt;gemini-cli&lt;/code&gt; for other clients.&lt;/p&gt;

&lt;h2&gt;
  
  
  Running them in sequence
&lt;/h2&gt;

&lt;p&gt;The order people settle on is draft, Humanizer, Stop Slop, read it yourself.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Write or generate the draft.&lt;/strong&gt; Neither skill helps with a draft that has nothing to say; they change how it reads, not what it argues.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Humanizer.&lt;/strong&gt; Expect sentences to be recombined and paragraph shapes to change. Read the output against your original, because a rewriting pass is the step most likely to lose a qualifier that mattered.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Stop Slop.&lt;/strong&gt; Expect deletions and small substitutions rather than rewrites. This is the pass you can run with more confidence.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Read it aloud.&lt;/strong&gt; Both skills are working from lists of known patterns. Neither knows your subject, your reader or what you actually meant.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Running Stop Slop first is not wrong, but it wastes work: Humanizer's rewriting can reintroduce a filler closer that Stop Slop had already removed.&lt;/p&gt;

&lt;h2&gt;
  
  
  What neither skill does
&lt;/h2&gt;

&lt;p&gt;Be clear about the limit, because the category attracts overclaiming.&lt;/p&gt;

&lt;p&gt;These skills change prose style. They do not make text undetectable by AI-detection tools, and no skill honestly can: detection tools disagree with each other, change without notice, and produce false positives on human writing. If your reason for using one of these is to pass a detector, that is not a promise either project makes and not one we would repeat.&lt;/p&gt;

&lt;p&gt;They also do not check facts. A humanised paragraph with a wrong number in it is a wrong paragraph that reads nicely. If accuracy is the problem, that is a different pass.&lt;/p&gt;

&lt;h2&gt;
  
  
  Other skills in this area
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://skillgild.dev/skills/writing-guidelines" rel="noopener noreferrer"&gt;Writing Guidelines&lt;/a&gt;&lt;/strong&gt; by Vercel is the third option worth knowing, and it solves a different problem again: it reviews prose against more than eighty rules from Vercel's style guide. It is built for documentation and product copy, so it is the right choice for help centres, onboarding emails and UI strings, and the wrong one for an essay.&lt;/p&gt;

&lt;p&gt;A fourth project, Caveman, takes the opposite approach: instead of smoothing prose it compresses it to terse, almost telegraphic output. It is popular and often mentioned alongside these two, but its repository restricts use of its name, so it is not listed on SkillGild and we link to it only in passing. Read its own repository and license before installing it, as you would with anything you find on GitHub.&lt;/p&gt;

&lt;p&gt;For the wider set, see the &lt;a href="https://skillgild.dev/learn/best-claude-code-skills" rel="noopener noreferrer"&gt;best Claude Code skills&lt;/a&gt; roundup, or &lt;a href="https://skillgild.dev/learn/best-claude-skills-for-marketing" rel="noopener noreferrer"&gt;best Claude skills for marketing&lt;/a&gt; if you are editing copy at volume and want the surrounding SEO and creative skills too.&lt;/p&gt;

&lt;h2&gt;
  
  
  How we chose these
&lt;/h2&gt;

&lt;p&gt;Both skills are open source under the MIT license, maintained in public repositories by named authors, and widely enough used that people search for them by name. We read each repository's README and &lt;code&gt;SKILL.md&lt;/code&gt; before listing it, and both are installed from their own repositories rather than copied onto SkillGild. We have not run a controlled comparison of output quality between them, and this page does not claim one is better: they are different passes, and the sequence above is what their own documentation and common use suggest. Both appear in the catalog of &lt;a href="https://skillgild.dev/skills" rel="noopener noreferrer"&gt;Claude Code skills&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>writing</category>
      <category>devtools</category>
    </item>
    <item>
      <title>Impeccable skill for Claude Code: 24 design commands, tested</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 19:53:24 +0000</pubDate>
      <link>https://dev.to/skillgild/impeccable-skill-for-claude-code-24-design-commands-tested-12mm</link>
      <guid>https://dev.to/skillgild/impeccable-skill-for-claude-code-24-design-commands-tested-12mm</guid>
      <description>&lt;p&gt;&lt;strong&gt;Impeccable&lt;/strong&gt; by Paul Bakaus is the most complete design skill for coding agents, and the most ambitious. Where most design skills are one SKILL.md of advice, Impeccable is a design language: 24 commands to shape, build, critique, audit and polish an interface, about 40 reference playbooks, a deterministic detector for generated-design anti-patterns, and a small engine binary the agent calls for context. Its &lt;a href="https://github.com/pbakaus/impeccable" rel="noopener noreferrer"&gt;repository&lt;/a&gt; had about 79,000 stars on 9 October 2026.&lt;/p&gt;

&lt;p&gt;We ran it on a real brief beside a run with no skill and runs with three other design skills. It produced the boldest page of the five, and it was the only run that did not invent facts about the product. It was also by far the slowest and most expensive. Here is what it is, how to install it, and what happened.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Impeccable gives your agent
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;A command for each design job.&lt;/strong&gt; The SKILL.md lists them by category:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Category&lt;/th&gt;
&lt;th&gt;Commands&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Build&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;shape&lt;/code&gt; (plan the UX before code), &lt;code&gt;init&lt;/code&gt; (record product context in PRODUCT.md), &lt;code&gt;document&lt;/code&gt; (write DESIGN.md from existing code), &lt;code&gt;extract&lt;/code&gt; (pull tokens and components into a system)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Evaluate&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;critique&lt;/code&gt; (UX review with heuristic scores), &lt;code&gt;audit&lt;/code&gt; (accessibility, performance, responsive checks)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Refine&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;polish&lt;/code&gt;, &lt;code&gt;bolder&lt;/code&gt;, &lt;code&gt;quieter&lt;/code&gt;, &lt;code&gt;distill&lt;/code&gt;, &lt;code&gt;harden&lt;/code&gt; (errors, i18n, edge cases), &lt;code&gt;onboard&lt;/code&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Enhance&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;animate&lt;/code&gt;, &lt;code&gt;colorize&lt;/code&gt;, &lt;code&gt;typeset&lt;/code&gt;, &lt;code&gt;layout&lt;/code&gt;, &lt;code&gt;delight&lt;/code&gt;, &lt;code&gt;overdrive&lt;/code&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Fix&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;clarify&lt;/code&gt; (UX copy), &lt;code&gt;adapt&lt;/code&gt; (devices and screen sizes), &lt;code&gt;optimize&lt;/code&gt; (UI performance)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Iterate&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;live&lt;/code&gt; (pick elements in the browser and try alternatives), &lt;code&gt;generate&lt;/code&gt; (variants of a named element)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Run one as &lt;code&gt;/impeccable audit&lt;/code&gt;, &lt;code&gt;/impeccable bolder hero&lt;/code&gt; and so on, or just describe the design work and let it route.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Four modes.&lt;/strong&gt; It decides what success means for the surface first: &lt;em&gt;Persuade&lt;/em&gt; (landing and pricing pages: the visitor acts), &lt;em&gt;Operate&lt;/em&gt; (app UI and dashboards: the visitor completes a task), &lt;em&gt;Read&lt;/em&gt; (docs and articles) or &lt;em&gt;Experience&lt;/em&gt; (portfolios and showcases).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Rules about truth.&lt;/strong&gt; "The brief wins" over Impeccable's own taste, and "Ask before replacing factual copy or adding claims." When it cannot ask, it writes down what it inferred and what it does not know. That rule turned out to matter more than anything else in our test.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A detector and an engine.&lt;/strong&gt; &lt;code&gt;impeccable context&lt;/code&gt; loads PRODUCT.md, DESIGN.md and the guidance for the surface; &lt;code&gt;impeccable detect&lt;/code&gt; scans a file for anti-patterns such as cramped padding, low contrast, the "thin border and wide shadow" card and overused fonts. The launcher downloads a self-contained binary on first run and checks it against a published SHA-256 checksum before running it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install it
&lt;/h2&gt;

&lt;p&gt;The author's installer detects your agents and asks whether to install for the project or globally:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx impeccable &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then run &lt;code&gt;/impeccable init&lt;/code&gt; in your agent to record the product context. It works with Claude Code, Cursor, Codex, Gemini CLI and others, and on Claude Code it also installs an optional hook that runs the detector after UI edits. From SkillGild:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;impeccable &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  The test
&lt;/h2&gt;

&lt;p&gt;The brief: a landing page for &lt;strong&gt;Ledgerline&lt;/strong&gt;, a fictional bookkeeping app for freelance designers, as one self-contained HTML file with Google Fonts as the only external resource. It listed the sections and forbade invented testimonials, customer counts, logos and awards. Five runs got the same brief: no skill, Anthropic's &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;frontend-design&lt;/a&gt;, &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt;, &lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;UI UX Pro Max&lt;/a&gt; and Impeccable. All used Claude Code 2.1.278 with Claude Opus 5 on 9 October 2026, with the Skill tool switched off so nothing else installed could load. One run each: an example, not a benchmark.&lt;/p&gt;

&lt;h3&gt;
  
  
  How Impeccable worked
&lt;/h3&gt;

&lt;p&gt;It ran &lt;code&gt;impeccable context&lt;/code&gt;, found no PRODUCT.md, and noticed it had no way to ask questions in a headless run. So, as its rules require, it inferred the product from the brief and wrote a PRODUCT.md that marks what is inferred and lists what is unknown:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Undecided / unstated (must not be invented by future work): which banks or import methods are supported, which countries' or states' taxes are covered, whether invoicing or expense receipts exist, team or accountant access, data export, annual billing, card-required-or-not at trial signup, mobile apps, integrations.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;It then picked a direction with a seeded "concept roll": it listed candidate worlds grounded in the subject and the engine assigned one, here a &lt;strong&gt;Swiss departure board&lt;/strong&gt;. The run's reasoning: money arriving and leaving is a timetable, the quarterly tax date is the next departure, and a board is something you read rather than keep. That became the page's line, "Your money, on the board. Not in a spreadsheet."&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fwpvauhsaigzxsd1jx33q.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fwpvauhsaigzxsd1jx33q.png" alt="The Impeccable run's hero at 1440 px: a signal-yellow poster headline " width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;With Impeccable. The board's footer says the clients, amounts and dates are made up for the page.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" alt="The baseline run's hero at 1440 px: cream page, serif headline with a highlighted phrase" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The same brief with no skill.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;After building, it read its craft-floor rules, checked contrast and overflow, ran the detector, fixed four real findings, and ran a review pass that caught the hero headline overflowing its column at 1440 px. Finally it wrote a DESIGN.md of about 17 KB describing the system it had shipped, so later work can follow it.&lt;/p&gt;

&lt;h3&gt;
  
  
  What came out
&lt;/h3&gt;

&lt;p&gt;The client tags flip into place like split-flap letters on load, and a quarter selector (Q2, Q3, Q4) re-flips the whole board. The type is Barlow Condensed for the board and headlines with Barlow for reading text. It is the only one of the five pages you would remember tomorrow.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;&lt;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%2Farticles%2F3e5s41vhnls36y5r1i6z.png" alt="The Impeccable page scrolled from top to bottom at 1440 px" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The whole Impeccable page, top to bottom (no sound). Watch it on &lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Most important, it invented nothing. Every other run, including the one with no skill, added product facts the brief never gave: read-only bank connections, lists of supported countries, CSV and PDF exports, "no card needed", 30-day data retention. Impeccable's page talks only about importing, tagging, tax estimates, the 14-day trial and the $12 plan, which is all the brief said.&lt;/p&gt;

&lt;p&gt;We ran Impeccable's detector over all five finished pages:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Detector findings&lt;/th&gt;
&lt;th&gt;No skill&lt;/th&gt;
&lt;th&gt;frontend-design&lt;/th&gt;
&lt;th&gt;Taste Skill&lt;/th&gt;
&lt;th&gt;UI UX Pro Max&lt;/th&gt;
&lt;th&gt;Impeccable&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;All findings&lt;/td&gt;
&lt;td&gt;21&lt;/td&gt;
&lt;td&gt;5&lt;/td&gt;
&lt;td&gt;6&lt;/td&gt;
&lt;td&gt;27&lt;/td&gt;
&lt;td&gt;55&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Without &lt;code&gt;cramped-padding&lt;/code&gt; and design-system rules&lt;/td&gt;
&lt;td&gt;17&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;td&gt;21&lt;/td&gt;
&lt;td&gt;8&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Read the first row with care. Impeccable's run found that most &lt;code&gt;cramped-padding&lt;/code&gt; hits are false positives on pages that compute padding with &lt;code&gt;calc()&lt;/code&gt;, which its page does throughout. The design-system rules check a page against its own DESIGN.md, so they only fire on Impeccable's page, the only one with a DESIGN.md. With those set aside, its remaining findings are mostly all-caps body text, which is the departure-board style rather than an oversight.&lt;/p&gt;

&lt;h3&gt;
  
  
  What it costs
&lt;/h3&gt;

&lt;p&gt;The run took 46 turns and 23.8 minutes, and Claude Code reported an API-equivalent cost of $7.49. The baseline took 2 turns, 3.3 minutes and $0.98; the other skills cost between $1.61 and $2.42. Impeccable's own SKILL.md tells the agent to verify in bounded passes rather than loop, and this run did stop, but a full build through every stage is expensive. For small changes, call one command (&lt;code&gt;/impeccable polish&lt;/code&gt;, &lt;code&gt;/impeccable audit&lt;/code&gt;) instead of asking for a whole new surface.&lt;/p&gt;

&lt;p&gt;The departure-board concept also carries risk for a money product: long transaction names in condensed capitals are slower to read, and the split-flap client tags, one letter per tile, take a moment to parse. Because the concept roll is seeded, another run would likely choose a different world; if you want a particular direction, say so, since the brief overrides the roll.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fie19snwhhdumvzgty4s0.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fie19snwhhdumvzgty4s0.png" alt="The Impeccable page at 375 px: logo, the four nav links in one row, a full-width trial button, then the headline and email form" width="375" height="812"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Impeccable at 375 px: no horizontal scroll.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting the most from it
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/impeccable init
&amp;lt;answer its questions about the product, or point it at your docs&amp;gt;

Use Impeccable to build the landing page. Direction: &amp;lt;a world, or "roll one"&amp;gt;.
Keep: &amp;lt;brand constraints&amp;gt;. Then run /impeccable audit and fix what it finds.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Running &lt;code&gt;init&lt;/code&gt; interactively gives it real product facts instead of inferences, and the PRODUCT.md it writes keeps every later command honest. For an existing interface, &lt;code&gt;critique&lt;/code&gt; and &lt;code&gt;audit&lt;/code&gt; are the cheapest way to use it.&lt;/p&gt;

&lt;p&gt;Compare it with the other nine in &lt;a href="https://skillgild.dev/learn/claude-code-frontend-design-skills" rel="noopener noreferrer"&gt;the top Claude frontend and design skills&lt;/a&gt;.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>webdev</category>
      <category>design</category>
    </item>
    <item>
      <title>UI UX Pro Max skill: a design database for Claude Code, tested</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 19:47:48 +0000</pubDate>
      <link>https://dev.to/skillgild/ui-ux-pro-max-skill-a-design-database-for-claude-code-tested-5a7n</link>
      <guid>https://dev.to/skillgild/ui-ux-pro-max-skill-a-design-database-for-claude-code-tested-5a7n</guid>
      <description>&lt;p&gt;&lt;strong&gt;UI UX Pro Max&lt;/strong&gt; is the design skill that brings data instead of opinions. Where Anthropic's &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;frontend-design skill&lt;/a&gt; and &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt; are written rules, UI UX Pro Max ships a searchable library of styles, palettes, font pairings and UX guidelines, plus a Python script your agent queries before it designs. Its &lt;a href="https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;repository&lt;/a&gt; by nextlevelbuilder had about 134,000 stars on 9 October 2026, which makes it one of the most-starred design skills for coding agents.&lt;/p&gt;

&lt;p&gt;We ran it on a real brief and compared the page with one built from the same brief and no skill. Here is what it contains, how to install it, what its search returned, and what came out.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is inside
&lt;/h2&gt;

&lt;p&gt;The skill folder holds a SKILL.md of about 200 lines, a &lt;code&gt;data/&lt;/code&gt; folder of CSV files and a &lt;code&gt;scripts/search.py&lt;/code&gt; that searches them. Counted on 9 October 2026, the CSVs held:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Data&lt;/th&gt;
&lt;th&gt;Rows&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Colour palettes, each tied to a product type&lt;/td&gt;
&lt;td&gt;192&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Industry reasoning rules&lt;/td&gt;
&lt;td&gt;192&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;UX guidelines with rationale&lt;/td&gt;
&lt;td&gt;119&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Curated icons&lt;/td&gt;
&lt;td&gt;105&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;UI styles (the skill says 79 are searchable, 50 active)&lt;/td&gt;
&lt;td&gt;88&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Font pairings&lt;/td&gt;
&lt;td&gt;74&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Landing page patterns&lt;/td&gt;
&lt;td&gt;34&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Chart types&lt;/td&gt;
&lt;td&gt;25&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;GSAP motion presets&lt;/td&gt;
&lt;td&gt;17&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;The search script uses only Python's standard library, and the README states it makes no network calls.&lt;/p&gt;

&lt;p&gt;The SKILL.md tells the agent how to use all this. For a new page, run &lt;code&gt;search.py&lt;/code&gt; with &lt;code&gt;--design-system&lt;/code&gt; to get a whole direction at once: a page pattern, a style, a palette, a type pairing and effects. For a narrower question, search one domain (&lt;code&gt;--domain ux&lt;/code&gt;, &lt;code&gt;typography&lt;/code&gt;, &lt;code&gt;color&lt;/code&gt;, &lt;code&gt;landing&lt;/code&gt;, &lt;code&gt;icons&lt;/code&gt;) or a technology stack (&lt;code&gt;--stack&lt;/code&gt;). It ranks ten rule categories by priority, from accessibility and touch targets down to charts, and it is explicit that search results are recommendations that never override the user.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install it
&lt;/h2&gt;

&lt;p&gt;As a Claude Code plugin:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;With the author's CLI, which also targets Cursor, Codex, Copilot and others:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; ui-ux-pro-max-cli
uipro init &lt;span class="nt"&gt;--ai&lt;/span&gt; claude
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or from SkillGild:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;ui-ux-pro-max &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You need Python 3 for the search script.&lt;/p&gt;

&lt;h2&gt;
  
  
  The test
&lt;/h2&gt;

&lt;p&gt;The brief: a landing page for &lt;strong&gt;Ledgerline&lt;/strong&gt;, a fictional bookkeeping app for freelance designers, written as one self-contained HTML file with Google Fonts as the only external resource. It listed the sections and forbade invented testimonials, customer counts, logos and awards. One run followed UI UX Pro Max; one had no skill. Both used Claude Code 2.1.278 with Claude Opus 5 on 9 October 2026, with the Skill tool switched off so nothing else installed could load. One run each, so this is an example rather than a benchmark.&lt;/p&gt;

&lt;h3&gt;
  
  
  What the search returned
&lt;/h3&gt;

&lt;p&gt;The agent's first move was the design-system search. We reran its exact command afterwards; the search is deterministic, so this is the output it worked from:&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fv23sqwrws2pkvwugdg6v.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fv23sqwrws2pkvwugdg6v.png" alt="Terminal output of search.py for Ledgerline: design dials variance 4, motion 3, density 3; pattern Hero + Features + CTA with a sticky hero CTA and a bottom CTA; style Glassmorphism; colours primary #2563EB, accent #EA580C, background #F8FAFC, foreground #1E293B" width="800" height="1055"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The design system UI UX Pro Max recommended for the brief. The output continues with typography (Plus Jakarta Sans) and effects.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;It then made four narrower searches: accordion keyboard behaviour, single-plan pricing pages, icons for transactions and receipts, and preventing horizontal scroll. The recommendation is sensible for a finance product, and also very familiar: a "trust blue" #2563EB, a light slate ground, one sans-serif and frosted glass. It is close to the "SaaS card kit" that Anthropic's own skill lists as a generated-design tell. A database of what works for a product type tends to return what most products of that type already look like.&lt;/p&gt;
&lt;h3&gt;
  
  
  The page
&lt;/h3&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Favwxjpdn0g328g81mthz.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Favwxjpdn0g328g81mthz.png" alt="The UI UX Pro Max run's hero at 1440 px: " width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;With UI UX Pro Max. A floating "41 transactions tagged" card covers part of a transaction row.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" alt="The baseline run's hero at 1440 px: cream page, serif headline with a highlighted phrase, product card" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The same brief with no skill.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The agent applied the glass style with restraint (frosted header, hero card and pricing card, flat elsewhere) and kept the dark mode off, as the search advised for this product. It noticed that the recommended orange accent reached only about 3.3:1 contrast on the page background and darkened it to #9A3412 wherever orange carried text. It added a skip link, 44 px touch targets, an FAQ built on real buttons, and a sticky trial bar on mobile that appears once the hero form scrolls away.&lt;/p&gt;

&lt;p&gt;It was also the longest page in the test, at about 850 visible words, and it kept most of the template chrome the other skills avoided:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Tell&lt;/th&gt;
&lt;th&gt;No skill&lt;/th&gt;
&lt;th&gt;UI UX Pro Max&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;All-caps labels&lt;/td&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;A · B&lt;/code&gt; middle-dot strings&lt;/td&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;5&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Spaced em dashes&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;One phrase accented in the headline&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Horizontal scroll at 375 px&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;16 px overflow&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;That is not a failure of the skill so much as a difference in what it is for. UI UX Pro Max is checking accessibility, touch and layout rules, and on those it did well: no overflow at 375 px, contrast fixed, keyboard-friendly components. It does not try to make a page look less like other pages.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;&lt;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%2Farticles%2Fgt43bf086vgisnfenq6m.png" alt="The UI UX Pro Max page scrolled from top to bottom at 1440 px" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The whole UI UX Pro Max page, top to bottom (no sound). Watch it on &lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  What went wrong
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;An overlapping card.&lt;/strong&gt; In the hero, the floating "41 transactions tagged" confirmation sits on top of the fourth transaction row and hides its client name at 1440 px. Our brief told every run not to open a browser, so none of them could look at its own page; one screenshot of the hero would have caught this. If your setup allows it, ask the agent to check the page visually.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Invented product facts.&lt;/strong&gt; Like every run in the test except Impeccable's, this one added claims the brief never made: "No card needed to start", a "read-only banking provider" covering "most retail and business banks in the US, UK and EU", CSV and PDF exports, read-only links for your accountant, and data kept for 30 days after the trial. UI UX Pro Max made the most of these, partly because it wrote the most copy.&lt;/p&gt;

&lt;p&gt;The run took 17 turns and 8.3 minutes, with an API-equivalent cost of $2.42 reported by Claude Code, against 2 turns, 3.3 minutes and $0.98 for the baseline.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2F0ntvsigvlawjr0wzy6fm.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2F0ntvsigvlawjr0wzy6fm.png" alt="The UI UX Pro Max page at 375 px" width="375" height="812"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;UI UX Pro Max at 375 px: the email field and trial button stack under the headline.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  When to use it
&lt;/h2&gt;

&lt;p&gt;Pick UI UX Pro Max when you want a defensible starting system fast, or a second opinion on a specific UX question: the domain searches are quick and specific ("focus not obscured", "badge chip label wraps"). Expect a conventional result unless you push against it. Two habits help:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use UI UX Pro Max. Run the design-system search, then show me the
recommendation before building. Product facts, and nothing else: &amp;lt;facts&amp;gt;.
Avoid glassmorphism and blue-on-slate; we want &amp;lt;direction&amp;gt;.
After building, screenshot the hero at 1440 px and 375 px and fix overlaps.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For a page that must stand apart, start with &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;frontend-design&lt;/a&gt; or &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt; and use UI UX Pro Max's UX searches as the checklist. The &lt;a href="https://skillgild.dev/learn/claude-code-frontend-design-skills" rel="noopener noreferrer"&gt;top Claude frontend and design skills&lt;/a&gt; compares all of them.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>webdev</category>
      <category>design</category>
    </item>
    <item>
      <title>Taste Skill for Claude Code: the anti-slop frontend skill, tested</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 19:38:53 +0000</pubDate>
      <link>https://dev.to/skillgild/taste-skill-for-claude-code-the-anti-slop-frontend-skill-tested-28dk</link>
      <guid>https://dev.to/skillgild/taste-skill-for-claude-code-the-anti-slop-frontend-skill-tested-28dk</guid>
      <description>&lt;p&gt;&lt;strong&gt;Taste Skill&lt;/strong&gt; (install name &lt;code&gt;design-taste-frontend&lt;/code&gt;) is the most popular community design skill for coding agents. Its &lt;a href="https://github.com/Leonxlnx/taste-skill" rel="noopener noreferrer"&gt;repository&lt;/a&gt; by Leonxlnx had about 94,000 stars on 9 October 2026. It calls itself an "anti-slop frontend skill" for landing pages, portfolios and redesigns, and it is the opposite of Anthropic's short &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;frontend-design skill&lt;/a&gt; in one respect: where that skill is 71 lines, Taste Skill's SKILL.md runs to about 1,200, most of it explicit rules.&lt;/p&gt;

&lt;p&gt;We ran it on a real brief beside a run with no skill. This page explains what the skill does, how to install it, what came out, and the two checks it missed.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Taste Skill tells your agent
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Read the brief and say so.&lt;/strong&gt; Before any code, the agent must write a one-line "design read": &lt;em&gt;Reading this as: page kind, for audience, with a vibe, leaning toward a design system or aesthetic.&lt;/em&gt; If the brief is ambiguous it may ask one question, never several.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Set three dials.&lt;/strong&gt; Every layout, motion and density decision is gated by three numbers: &lt;code&gt;DESIGN_VARIANCE&lt;/code&gt; (1 perfect symmetry, 10 artsy chaos), &lt;code&gt;MOTION_INTENSITY&lt;/code&gt; (1 static, 10 cinematic) and &lt;code&gt;VISUAL_DENSITY&lt;/code&gt; (1 gallery, 10 cockpit). The baseline is 8 / 6 / 4, and a table maps brief words to values: "minimalist" or "Linear-style" lowers variance and motion; "trust-first" or "regulated" lowers them further.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Avoid a long list of AI tells.&lt;/strong&gt; Section 9 bans or rations the patterns that mark a generated page. The em dash is banned everywhere, outright. So are three identical feature cards in a row, Inter as the default face, section-number eyebrows like &lt;code&gt;06 · how it works&lt;/code&gt;, "BETA" labels in the hero, decorative status dots, filler verbs ("elevate", "seamless", "unleash") and fake-perfect numbers like 99.99%. The middle dot is rationed to one per line.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Pass a pre-flight check.&lt;/strong&gt; About 40 tick boxes before the agent hands over: zero em dashes, one accent colour, one radius system, CTA contrast, a hero that fits the viewport with the headline in two lines or fewer, no duplicate CTAs, a copy self-audit. Appendices list install commands for real design systems (shadcn/ui, Radix, GOV.UK Frontend, USWDS, Primer and more) for briefs that should use one.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install it
&lt;/h2&gt;

&lt;p&gt;From the author's repository with the &lt;code&gt;skills&lt;/code&gt; CLI:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npx skills add https://github.com/Leonxlnx/taste-skill &lt;span class="nt"&gt;--skill&lt;/span&gt; &lt;span class="s2"&gt;"design-taste-frontend"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;From SkillGild, for Claude Code, Codex, Cursor or Gemini CLI:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;design-taste-frontend &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The repository's default &lt;code&gt;design-taste-frontend&lt;/code&gt; is v2, which its README calls experimental; &lt;code&gt;design-taste-frontend-v1&lt;/code&gt; installs the original. SkillGild also lists the upstream folder as &lt;a href="https://skillgild.dev/skills/taste-skill" rel="noopener noreferrer"&gt;taste-skill&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The test
&lt;/h2&gt;

&lt;p&gt;The brief: a landing page for &lt;strong&gt;Ledgerline&lt;/strong&gt;, a fictional bookkeeping app for freelance designers, written as one self-contained HTML file with Google Fonts as the only external resource. It listed the sections and forbade invented testimonials, customer counts, logos and awards. One run followed Taste Skill; one had no skill. Both used Claude Code 2.1.278 with Claude Opus 5 on 9 October 2026, with the Skill tool switched off so nothing else installed could load. One run each: an example, not a benchmark.&lt;/p&gt;

&lt;p&gt;Taste Skill's run opened exactly as the skill asks:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Reading this as: SaaS landing for solo freelance designers (visually literate, spreadsheet-averse), with a calm, type-led, honest-tool language, leaning toward native CSS + Google Fonts (Outfit + IBM Plex Mono) and a near-monochrome palette with one ink-blue accent.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;It set the dials to 7 / 5 / 4, lowering variance from the baseline 8 "because this is a money app and trust matters". It also resolved two conflicts in writing: the skill wants an icon library, but the brief allowed only Google Fonts, so it used no icons; and rather than a fake screenshot (which the skill bans) it built a small working version of the product in the hero, with a client menu on each sample transaction and totals that recompute.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fqa307g7tb6lrytzdwcaz.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fqa307g7tb6lrytzdwcaz.png" alt="The Taste Skill run's hero at 1440 px: a large light grotesk headline, " width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;With Taste Skill. The panel is labelled "Example transactions" and the tax figure "an example 25% rate".&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" alt="The baseline run's hero at 1440 px: cream page, serif headline with a highlighted phrase, all-caps pill label" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The same brief with no skill.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  What it got right
&lt;/h3&gt;

&lt;p&gt;The tell counts at 1440 px:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Tell&lt;/th&gt;
&lt;th&gt;No skill&lt;/th&gt;
&lt;th&gt;Taste Skill&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;All-caps labels&lt;/td&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;0&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;A · B&lt;/code&gt; middle-dot strings&lt;/td&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;0&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Spaced em dashes&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;0&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Typefaces&lt;/td&gt;
&lt;td&gt;Inter + Fraunces&lt;/td&gt;
&lt;td&gt;Outfit + IBM Plex Mono&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Horizontal scroll at 375 px&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;16 px overflow&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Zero em dashes is notable: of the five pages in our test, only Taste Skill's and Impeccable's had none, and Taste Skill's rule is absolute. It was also the shortest page, about 460 visible words against 710 for the baseline, and it labels its sample data as examples in the interface itself.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;&lt;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%2Farticles%2Ffmtof5ifzo7g5342j1zx.png" alt="The Taste Skill page scrolled from top to bottom at 1440 px" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The whole Taste Skill page, top to bottom (no sound). Watch it on &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  What it missed
&lt;/h3&gt;

&lt;p&gt;Two of its own pre-flight items failed. The headline wrapped to three lines, and at 1440 by 900 the hero copy sits low with a large empty area above it, because it is centred against the taller transaction panel. The pre-flight check asks for a headline of two lines or fewer and says hero content must not "float halfway down the viewport". A long checklist is still checked by the same model that wrote the page, so look at the result yourself at the sizes you care about.&lt;/p&gt;

&lt;p&gt;It also accented one word in the headline ("spreadsheet" in blue), which Taste Skill allows and Anthropic's skill discourages. And like every run in the test except Impeccable's, it invented product facts: a read-only bank link, receipt capture, CSV and PDF exports, email support "from the people who build" it, and 30 days to export your data after cancelling. None of that was in the brief.&lt;/p&gt;

&lt;p&gt;The run took 13 turns and 7.1 minutes, with an API-equivalent cost of $2.28 reported by Claude Code. The baseline took 2 turns, 3.3 minutes and $0.98.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fyrjlz5bq1a2slokobmd1.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fyrjlz5bq1a2slokobmd1.png" alt="The Taste Skill page at 375 px" width="375" height="812"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Taste Skill at 375 px: no horizontal scroll, and a menu button replaces the nav links.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Getting more from it
&lt;/h2&gt;

&lt;p&gt;Taste Skill reacts to vibe words, references and audience, so give it those:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use Taste Skill (design-taste-frontend) for this landing page.
Product facts, and nothing else: &amp;lt;what it does, price, trial&amp;gt;.
Audience: &amp;lt;who&amp;gt;. Feel: &amp;lt;two or three vibe words&amp;gt;. References: &amp;lt;URLs you like&amp;gt;.
Dials: variance &amp;lt;n&amp;gt;, motion &amp;lt;n&amp;gt;, density &amp;lt;n&amp;gt;.
State your design read and dials before writing code.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Setting the dials yourself is the fastest way to steer it: a lower &lt;code&gt;DESIGN_VARIANCE&lt;/code&gt; for a sober product, a higher &lt;code&gt;MOTION_INTENSITY&lt;/code&gt; for a launch page. For dashboards and multi-step product UI, the skill itself says it is out of scope; use &lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;Impeccable&lt;/a&gt;'s Operate mode or &lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;UI UX Pro Max&lt;/a&gt; there.&lt;/p&gt;

&lt;p&gt;See all ten in &lt;a href="https://skillgild.dev/learn/claude-code-frontend-design-skills" rel="noopener noreferrer"&gt;the top Claude frontend and design skills&lt;/a&gt;, with four of them run on the same brief.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/taste-skill-claude-code" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>webdev</category>
      <category>design</category>
    </item>
    <item>
      <title>Claude's frontend-design skill: what it does, with a real run</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Thu, 08 Oct 2026 19:38:43 +0000</pubDate>
      <link>https://dev.to/skillgild/claudes-frontend-design-skill-what-it-does-with-a-real-run-5alm</link>
      <guid>https://dev.to/skillgild/claudes-frontend-design-skill-what-it-does-with-a-real-run-5alm</guid>
      <description>&lt;p&gt;The &lt;strong&gt;frontend-design skill&lt;/strong&gt; is Anthropic's own guidance for making Claude design interfaces that don't look generated. It ships in Anthropic's &lt;a href="https://github.com/anthropics/skills/tree/main/skills/frontend-design" rel="noopener noreferrer"&gt;skills repository&lt;/a&gt; and as the &lt;code&gt;frontend-design&lt;/code&gt; plugin in the official Claude Code plugin marketplace, and it is the skill most people mean when they search for "the Claude frontend design skill". It is one Markdown file, 71 lines long when we read it on 9 October 2026. It contains no scripts and no component library; everything it changes, it changes by changing how Claude plans.&lt;/p&gt;

&lt;p&gt;We ran it on a real brief and compared the result with the same brief and no skill. This page covers what the skill tells Claude, how to install it, what the run produced, and where it falls short.&lt;/p&gt;

&lt;h2&gt;
  
  
  What the skill tells Claude
&lt;/h2&gt;

&lt;p&gt;Read the SKILL.md and you will find four ideas.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Design from the subject, not from habit.&lt;/strong&gt; Claude is told to work out the product, the audience and the page's one job first, and to take its visual choices from the subject's own world: its materials, vocabulary and industry.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A named list of generated-design tells.&lt;/strong&gt; This is the skill's most useful part. It lists the looks AI-generated pages currently cluster around, and asks Claude not to spend a free choice on them:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a warm cream background with a high-contrast serif and a terracotta accent (Anthropic notes that its own Claude accent colour reads as a tell on a user's brief);&lt;/li&gt;
&lt;li&gt;a near-black page with one acid-green or vermilion accent;&lt;/li&gt;
&lt;li&gt;a broadsheet layout with hairline rules and dense columns;&lt;/li&gt;
&lt;li&gt;the "SaaS card kit": identical rounded cards, one radius everywhere, the same soft grey shadow and decorative gradient washes;&lt;/li&gt;
&lt;li&gt;template chrome: an ALL-CAPS eyebrow over every heading, &lt;code&gt;A · B · C&lt;/code&gt; meta strings, labels built with a spaced em dash, near-black instead of black, monospace data labels and an arrow on every button.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It also bans three typographic habits outright: accenting a single word in the headline, all-caps labels, and labels nobody needs. Numbered markers (01, 02, 03) are allowed only when the content really is a sequence.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Plan, check the plan, then build.&lt;/strong&gt; Before any code, Claude writes a compact token system: 4 to 6 named hex colours, the typefaces and their roles, a layout sketched in ASCII, and the page's principles. It then reviews the plan against the brief, and revises any part that looks like the default it would produce for any similar page.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Restraint and plain copy.&lt;/strong&gt; "Spend your boldness in one place", keep a quality floor (responsive, visible focus, reduced motion respected), and write copy that says what things do in the user's words.&lt;/p&gt;

&lt;h2&gt;
  
  
  Install it
&lt;/h2&gt;

&lt;p&gt;In Claude Code, from the official marketplace:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;/plugin install frontend-design@claude-plugins-official
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;From SkillGild, which installs the same skill for Claude Code, Codex, Cursor or Gemini CLI:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skillgild &lt;span class="nb"&gt;install &lt;/span&gt;frontend-design &lt;span class="nt"&gt;--agent&lt;/span&gt; claude-code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or copy the folder by hand: clone &lt;code&gt;anthropics/skills&lt;/code&gt; and place &lt;code&gt;skills/frontend-design&lt;/code&gt; in &lt;code&gt;~/.claude/skills/&lt;/code&gt;. The &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;install guide&lt;/a&gt; lists the folders for other agents. The skill triggers on its own when you ask for UI work; you can also name it in your prompt.&lt;/p&gt;

&lt;h2&gt;
  
  
  The test: one brief, with and without the skill
&lt;/h2&gt;

&lt;p&gt;We gave Claude Code the same brief twice: a landing page for &lt;strong&gt;Ledgerline&lt;/strong&gt;, a fictional bookkeeping app for freelance designers, as one self-contained HTML file with Google Fonts as the only external resource. The brief listed the sections and forbade invented testimonials, customer counts, logos and awards. One run had the frontend-design skill in its project folder and was told to follow it; the other had no skill. Both used Claude Code 2.1.278 with Claude Opus 5 on 9 October 2026, with the Skill tool switched off so no other installed skill could load. Each ran once, so treat this as one example, not a benchmark.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fznl8ou8io5om4b3uk5j3.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fznl8ou8io5om4b3uk5j3.png" alt="The frontend-design run's hero at 1440 px: a navy grotesk headline, " width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;With the frontend-design skill. The hero is a working tagging demo: pick a client swatch, click a transaction, and the totals update.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fkaoheegeyecgpa4dtzp2.png" alt="The baseline run's hero at 1440 px: a cream page, a serif headline with a yellow highlight under " width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The same brief with no skill. A competent page, built on the cream-and-serif look the skill lists as a tell.&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  What the skill changed
&lt;/h3&gt;

&lt;p&gt;Before writing code, the skill run produced exactly the plan the SKILL.md asks for: a five-colour palette named for the subject ("drafting-paper sage", "navy ink"), with four client colours that mean "client" everywhere on the page rather than decorating it; Familjen Grotesk for text and IBM Plex Mono only for amounts and dates; an ASCII wireframe of the hero. Then it built the hero as a small working tool: choose a client, click transactions in a sample month, and the per-client totals and the quarterly tax set-aside recompute.&lt;/p&gt;

&lt;p&gt;The baseline is not bad. Claude Opus 5 without help produced a tidy page with a product card, an accessible FAQ accordion and reduced-motion support. But it landed squarely on the defaults the skill names: a cream background with a serif display face, a highlighted phrase in the headline, an all-caps pill over the hero and all-caps section labels.&lt;/p&gt;

&lt;p&gt;We counted those tells on both pages at 1440 px:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Tell the skill names&lt;/th&gt;
&lt;th&gt;No skill&lt;/th&gt;
&lt;th&gt;frontend-design&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;All-caps labels&lt;/td&gt;
&lt;td&gt;9&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;0&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;A · B&lt;/code&gt; middle-dot strings&lt;/td&gt;
&lt;td&gt;4&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;0&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Spaced em dashes in the copy&lt;/td&gt;
&lt;td&gt;10&lt;/td&gt;
&lt;td&gt;7&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;One word or phrase accented in the headline&lt;/td&gt;
&lt;td&gt;Yes&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;No&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Numbered markers&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;td&gt;3, on the three real steps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Horizontal scroll at 375 px&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;16 px overflow&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;None&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;&lt;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%2Farticles%2Fwdpdcvqu1b3yzdei9ftw.png" alt="The frontend-design page scrolled from top to bottom at 1440 px" width="800" height="500"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The whole frontend-design page, top to bottom (no sound). Watch it on &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The skill run also cost more. It took 14 turns and 5.7 minutes against 2 turns and 3.3 minutes for the baseline, and Claude Code reported an API-equivalent cost of $1.61 against $0.98. Most of the extra went on the plan and a self-critique pass that made nine small edits.&lt;/p&gt;
&lt;h3&gt;
  
  
  What it did not fix
&lt;/h3&gt;

&lt;p&gt;Both pages invented product facts the brief never gave. The skill run says Ledgerline connects to "most banks and credit unions in the US, Canada, the UK and the EU", keeps data exportable for 30 days, needs no card to start and matches receipts. The baseline made similar claims. frontend-design shapes how a page looks and reads; it does not know what your product does. Of the four skills we tested, only &lt;a href="https://skillgild.dev/learn/impeccable-skill" rel="noopener noreferrer"&gt;Impeccable&lt;/a&gt; refused to invent facts, because it records what the brief leaves unstated. With this skill, put the real facts in the brief and tell Claude not to add features.&lt;/p&gt;

&lt;p&gt;It also kept seven spaced em dashes, so the tell list is a strong nudge rather than a filter. If a look matters to you, say so in the brief: the skill's own rule is that the brief's words always win.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fek6onth07bkeybi44aox.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fek6onth07bkeybi44aox.png" alt="The frontend-design page at 375 px: the headline, a single trial button and the start of the tagging demo stacked in one column" width="375" height="812"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The skill run at 375 px. No horizontal scroll; the demo stacks under the headline.&lt;/em&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Briefs that get the most from it
&lt;/h2&gt;

&lt;p&gt;The skill works from your brief, so give it the material it asks for:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use the frontend-design skill to build the landing page for &amp;lt;product&amp;gt;.
Product facts (do not add others): &amp;lt;what it does, price, trial, integrations&amp;gt;.
Audience: &amp;lt;who&amp;gt;, and the one action the page should drive: &amp;lt;action&amp;gt;.
Keep: &amp;lt;brand colours, fonts, routes&amp;gt;. Avoid: &amp;lt;looks you dislike&amp;gt;.
Show me the token plan and ASCII layout before you write code.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Asking to see the plan first is cheap and gives you a decision point before the build. If the plan's palette or type is wrong for your brand, correct it there.&lt;/p&gt;

&lt;h2&gt;
  
  
  When to pick something else
&lt;/h2&gt;

&lt;p&gt;frontend-design is a direction skill: it decides how a new page should look. For an audit of an existing interface, pair it with &lt;a href="https://skillgild.dev/skills/web-design-guidelines" rel="noopener noreferrer"&gt;Web Design Guidelines&lt;/a&gt; or Impeccable's audit commands. For motion, add &lt;a href="https://skillgild.dev/creators/emil-kowalski" rel="noopener noreferrer"&gt;Emil Kowalski's skills&lt;/a&gt;. If you want options to choose between rather than one opinion, &lt;a href="https://skillgild.dev/learn/ui-ux-pro-max-skill" rel="noopener noreferrer"&gt;UI UX Pro Max&lt;/a&gt; searches a database of styles and palettes instead. The &lt;a href="https://skillgild.dev/learn/claude-code-frontend-design-skills" rel="noopener noreferrer"&gt;top 10 Claude frontend and design skills&lt;/a&gt; compares all of them, with the same brief run through four.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/claude-frontend-design-skill" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>webdev</category>
      <category>design</category>
    </item>
    <item>
      <title>Best AI agent skill marketplaces in 2026</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Tue, 06 Oct 2026 22:04:54 +0000</pubDate>
      <link>https://dev.to/skillgild/best-ai-agent-skill-marketplaces-in-2026-12pm</link>
      <guid>https://dev.to/skillgild/best-ai-agent-skill-marketplaces-in-2026-12pm</guid>
      <description>&lt;p&gt;Start with &lt;strong&gt;SkillGild&lt;/strong&gt; if you want skills that connect your existing coding agent to hosted capabilities. Choose a downloadable marketplace when you want the skill files on your machine. Use a directory when you want to explore public repositories. The best Claude skills marketplace, or marketplace for any other agent, depends on what you need to own, install and run.&lt;/p&gt;

&lt;h2&gt;
  
  
  AI agent skill marketplaces at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Our shortlist&lt;/th&gt;
&lt;th&gt;Useful starting point for&lt;/th&gt;
&lt;th&gt;Delivery to check&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;1. &lt;a href="https://skillgild.dev/skills" rel="noopener noreferrer"&gt;SkillGild&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Workflows backed by protected hosted tools&lt;/td&gt;
&lt;td&gt;Local wrapper, authenticated session and server tool calls&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2. &lt;a href="https://skillry.dev/" rel="noopener noreferrer"&gt;Skillry.dev&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Creative workflows with visible output examples&lt;/td&gt;
&lt;td&gt;Downloadable skill archive and CLI installation&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3. &lt;a href="https://www.agensi.io/" rel="noopener noreferrer"&gt;Agensi&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Buying and selling reusable skill instructions&lt;/td&gt;
&lt;td&gt;Skill files, purchases and MCP-assisted discovery&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;4. &lt;a href="https://skills.sh/" rel="noopener noreferrer"&gt;skills.sh&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Exploring open skills across coding agents&lt;/td&gt;
&lt;td&gt;Repository-based skills and an installer&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;5. &lt;a href="https://skillsmp.com/" rel="noopener noreferrer"&gt;SkillsMP&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Searching public GitHub skill collections&lt;/td&gt;
&lt;td&gt;Discovery leading to upstream sources&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;6. &lt;a href="https://skillzy.ai/marketplace" rel="noopener noreferrer"&gt;Skillzy&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Packaged agent setups and business workflows&lt;/td&gt;
&lt;td&gt;Downloadable packs with instructions and configuration&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;7. &lt;a href="https://skillery.dev/docs" rel="noopener noreferrer"&gt;Skillery&lt;/a&gt;
&lt;/td&gt;
&lt;td&gt;Registry browsing and client-specific installs&lt;/td&gt;
&lt;td&gt;CLI-installed skills and bundles&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  How we ordered this shortlist
&lt;/h2&gt;

&lt;p&gt;We publish SkillGild, and place it first for readers who want its hosted capability model. This is our editorial shortlist, ordered around that use case. It isn't a measured performance leaderboard. We reviewed public product documentation on October 4, 2026 and checked SkillGild's implementation. We haven't purchased and benchmarked every competitor's workflows.&lt;/p&gt;

&lt;p&gt;We compare the same questions: what you install, where work runs, what you can inspect, how access works and what the creator can sell. Catalog totals, install counts and vendor security claims aren't independent proof of a useful result. Before choosing, look for an example that resembles your actual task.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. SkillGild: our first pick for hosted agent capabilities
&lt;/h2&gt;

&lt;p&gt;SkillGild connects Claude Code, Codex, Cursor and other MCP clients to a shared catalog. A prompt pipeline runs with private instructions on the service. A hybrid skill gives your agent a readable session guide and calls server tools whose implementation stays on SkillGild. Your agent still does the reasoning and local file work.&lt;/p&gt;

&lt;p&gt;That distinction matters if a workflow needs a private validator or another server operation. You can use the capability without copying its implementation into your project. The &lt;a href="https://skillgild.dev/docs/concepts#run-modes" rel="noopener noreferrer"&gt;run modes documentation&lt;/a&gt; explains exactly what is visible to the client.&lt;/p&gt;

&lt;p&gt;Choose it for a supported workflow in the &lt;a href="https://skillgild.dev/skills" rel="noopener noreferrer"&gt;skills catalog&lt;/a&gt;. Check the listing's inputs, allowance and dependencies first. Setup currently requires the Go CLI, sign-in and an MCP connection. Automated creator payouts are on the &lt;a href="https://skillgild.dev/docs/roadmap" rel="noopener noreferrer"&gt;roadmap&lt;/a&gt;; they aren't a reason to choose SkillGild today. Start with the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code installation guide&lt;/a&gt; or &lt;a href="https://skillgild.dev/learn/install-codex-skills" rel="noopener noreferrer"&gt;Codex skills guide&lt;/a&gt;; if you don't write code, the &lt;a href="https://skillgild.dev/docs/quickstart" rel="noopener noreferrer"&gt;no-code quickstart&lt;/a&gt; lets your assistant do the setup.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Skillry.dev: creative workflows with previews
&lt;/h2&gt;

&lt;p&gt;Skillry.dev emphasizes design, video, images and presentations. Its listings make the intended output easy to inspect. Its &lt;a href="https://skillry.dev/guides/how-to-install-a-claude-skill" rel="noopener noreferrer"&gt;installation guide&lt;/a&gt; documents downloading the complete skill folder, including supporting files. Its &lt;a href="https://skillry.dev/blog/introducing-skillry" rel="noopener noreferrer"&gt;product introduction&lt;/a&gt; describes curation and examples.&lt;/p&gt;

&lt;p&gt;Start here when a preview closely matches your creative brief and you want the downloadable package. Check the specific workflow's tools and providers; having the files doesn't remove those dependencies. Read &lt;a href="https://skillgild.dev/learn/skillgild-vs-skillry" rel="noopener noreferrer"&gt;SkillGild vs Skillry&lt;/a&gt; for the runtime tradeoff. Skillry.ai is a separate discovery site.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Agensi: downloadable instructions and creator sales
&lt;/h2&gt;

&lt;p&gt;Agensi's &lt;a href="https://www.agensi.io/about" rel="noopener noreferrer"&gt;about page&lt;/a&gt; describes reusable SKILL.md files that work independently of an Agensi runtime. Its &lt;a href="https://www.agensi.io/docs/mcp-setup" rel="noopener noreferrer"&gt;MCP setup guide&lt;/a&gt; covers discovering, buying and installing skills through an assistant. Those are marketplace operations; don't confuse them with executing the skill's task remotely.&lt;/p&gt;

&lt;p&gt;Agensi also publishes a &lt;a href="https://www.agensi.io/sell" rel="noopener noreferrer"&gt;creator offer&lt;/a&gt; with pricing and payout terms. Check those terms directly if selling files is your goal. Our &lt;a href="https://skillgild.dev/learn/skillgild-vs-agensi" rel="noopener noreferrer"&gt;Agensi comparison&lt;/a&gt; separates that offer from SkillGild's hosted execution model.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. skills.sh: open skill discovery and installation
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://skills.sh/docs" rel="noopener noreferrer"&gt;skills.sh&lt;/a&gt; provides a directory and installer for the open agent skills ecosystem. It's a useful starting point when you want to find a repository-based workflow and bring its files into the agent you already use.&lt;/p&gt;

&lt;p&gt;Open the upstream repository before installing. Check its license, required tools and update history. A familiar publisher and a well-documented task can matter more than a high install count. The &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code install guide&lt;/a&gt; explains how local skill folders and hosted connections fit together.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. SkillsMP: search across public skill repositories
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://skillsmp.com/" rel="noopener noreferrer"&gt;SkillsMP&lt;/a&gt; aggregates skills from GitHub and provides discovery across categories. Use it when finding candidate sources is your main problem.&lt;/p&gt;

&lt;p&gt;Evaluate the repository behind each result. An indexed entry doesn't establish that the workflow matches your project or will keep working. For installation and ownership decisions, read &lt;a href="https://skillgild.dev/learn/best-claude-code-skills" rel="noopener noreferrer"&gt;the best Claude Code skills roundup&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. Skillzy: downloadable agent packs
&lt;/h2&gt;

&lt;p&gt;Skillzy covers agent setups, skills and other workflow packs. Its &lt;a href="https://skillzy.ai/how-it-works" rel="noopener noreferrer"&gt;delivery guide&lt;/a&gt; describes downloaded bundles containing files such as instructions, configuration and a README.&lt;/p&gt;

&lt;p&gt;Check the exact pack contents against your existing setup. A package built around a particular integration can be useful for that job, but may need adaptation when your tools or data differ.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. Skillery: a registry with a CLI workflow
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://skillery.dev/docs" rel="noopener noreferrer"&gt;Skillery's documentation&lt;/a&gt; covers login, installing skills and bundles, and choosing an agent platform. It's another option when a registry and install workflow are what you need.&lt;/p&gt;

&lt;p&gt;Compare the specific skill and its dependencies. Registry installation and a hosted task runtime answer different questions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Claude-focused skill directories
&lt;/h2&gt;

&lt;p&gt;If you want to browse public Claude skills rather than run a hosted one, these directories are worth knowing. We have not audited their catalogs, and their listing counts, scores and rankings are their own claims, as of October 5, 2026.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://skills.sh/" rel="noopener noreferrer"&gt;skills.sh&lt;/a&gt; is the open skills directory covered above, with a command-line installer that works across coding agents.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://claudemarketplaces.com/" rel="noopener noreferrer"&gt;ClaudeMarketplaces.com&lt;/a&gt; is a directory of Claude Code plugins, skills and MCP servers, ranked by installs, GitHub stars and usage.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://skillsclaude.org/" rel="noopener noreferrer"&gt;SkillsClaude.org&lt;/a&gt; presents itself as a Claude skills marketplace for browsing and downloading official and community skills.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://cultofclaude.com/" rel="noopener noreferrer"&gt;Cult of Claude&lt;/a&gt; indexes Claude skills and subagents from public GitHub, with each entry's source file, a quality score and a copy-and-paste install command.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most directories like these list skills copied from public repositories, so you download and run the files yourself. A hosted skill works differently: the protected parts run on the service, as described in &lt;a href="https://skillgild.dev/learn/agent-skills-vs-mcp" rel="noopener noreferrer"&gt;agent skills vs MCP servers&lt;/a&gt;. Check a directory entry's source and license before you install it, and see &lt;a href="https://skillgild.dev/learn/claude-code-skills-for-developers#before-you-install-a-third-party-skill" rel="noopener noreferrer"&gt;how to vet a third-party skill&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Other skill discovery and MCP platforms
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://agentskill.sh/creators" rel="noopener noreferrer"&gt;AgentSkill.sh&lt;/a&gt;, &lt;a href="https://lobehub.com/skills" rel="noopener noreferrer"&gt;LobeHub Skills&lt;/a&gt; and &lt;a href="https://skillry.ai/" rel="noopener noreferrer"&gt;Skillry.ai&lt;/a&gt; are additional places to investigate. Their audiences and delivery methods differ, so they aren't interchangeable entries in a universal league table.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://claude.com/marketplace/agents-products" rel="noopener noreferrer"&gt;Anthropic's official marketplace&lt;/a&gt; includes enterprise products and procurement. Third-party sites using “Claude marketplace” in their domain aren't automatically Anthropic services. &lt;a href="https://smithery.ai/docs" rel="noopener noreferrer"&gt;Smithery&lt;/a&gt; and &lt;a href="https://glama.ai/mcp/hosting" rel="noopener noreferrer"&gt;Glama&lt;/a&gt; address MCP connections and hosting; include them when your problem is tool infrastructure.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to choose an AI agent skill marketplace
&lt;/h2&gt;

&lt;p&gt;Write down one task and the files you expect at the end. Then ask:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Does the listing show an output similar to mine?&lt;/li&gt;
&lt;li&gt;Do I want to edit the instructions, or call a capability whose internals I don't need?&lt;/li&gt;
&lt;li&gt;Which local libraries, providers and account permissions are required?&lt;/li&gt;
&lt;li&gt;What happens if the service or upstream repository becomes unavailable?&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Test the task before making the workflow a team dependency. Keep the client version and input with the output so you can repeat it after updates.&lt;/p&gt;

&lt;h2&gt;
  
  
  Frequently asked questions
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Can I use these marketplaces with Codex and CLI coding agents?
&lt;/h3&gt;

&lt;p&gt;Several support multiple clients, but installation paths and tools vary. Check the marketplace and the specific listing. Start with our &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code install guide&lt;/a&gt; to understand the two delivery routes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Are paid agent skills automatically better than free skills?
&lt;/h3&gt;

&lt;p&gt;No. Price doesn't establish fit or quality. Evaluate the instructions, required tools, example output and maintenance terms. A free local skill can be the right choice for project conventions; a hosted tool can be useful for a separate operation.&lt;/p&gt;

&lt;h3&gt;
  
  
  Is an MCP marketplace the same as a skills marketplace?
&lt;/h3&gt;

&lt;p&gt;A skill teaches a method. MCP connects an agent to tools and data. A marketplace can use MCP to deliver discovery or execution, so inspect which operations it actually exposes. Read &lt;a href="https://skillgild.dev/learn/agent-skills-vs-mcp" rel="noopener noreferrer"&gt;agent skills vs MCP servers&lt;/a&gt; for examples.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/best-ai-agent-skill-marketplaces" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>devtools</category>
      <category>productivity</category>
    </item>
    <item>
      <title>SkillGild vs Agensi: hosted capabilities or downloadable skills?</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Tue, 06 Oct 2026 22:04:44 +0000</pubDate>
      <link>https://dev.to/skillgild/skillgild-vs-agensi-hosted-capabilities-or-downloadable-skills-3o05</link>
      <guid>https://dev.to/skillgild/skillgild-vs-agensi-hosted-capabilities-or-downloadable-skills-3o05</guid>
      <description>&lt;p&gt;Choose &lt;strong&gt;SkillGild&lt;/strong&gt; when a catalog workflow fits your task and you want to call its hosted capabilities from your existing agent. Choose &lt;strong&gt;Agensi&lt;/strong&gt; when you want reusable skill files to install, or a marketplace that advertises a creator sales and payout offer. SkillGild vs Agensi is mainly a decision about delivery and execution.&lt;/p&gt;

&lt;h2&gt;
  
  
  SkillGild vs Agensi at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Question&lt;/th&gt;
&lt;th&gt;SkillGild&lt;/th&gt;
&lt;th&gt;Agensi&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;What do you receive?&lt;/td&gt;
&lt;td&gt;A wrapper and an authenticated runtime interface&lt;/td&gt;
&lt;td&gt;Downloadable skill instructions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Where does the task run?&lt;/td&gt;
&lt;td&gt;Prompt pipelines on the service; hybrid work split between your agent and server tools&lt;/td&gt;
&lt;td&gt;The installed skill runs through your agent and its required tools&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What does MCP do?&lt;/td&gt;
&lt;td&gt;Discover skills, start sessions and call hosted tools&lt;/td&gt;
&lt;td&gt;Documented discovery, purchase and installation operations&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What can you inspect?&lt;/td&gt;
&lt;td&gt;Wrapper, schemas and hybrid session guide; server implementation stays private&lt;/td&gt;
&lt;td&gt;Delivered skill files; external service internals depend on the workflow&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Creator commercial offer&lt;/td&gt;
&lt;td&gt;Automated payouts remain planned&lt;/td&gt;
&lt;td&gt;Published listing, pricing and payout terms&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Dependency to consider&lt;/td&gt;
&lt;td&gt;SkillGild access plus any local rendering tools&lt;/td&gt;
&lt;td&gt;The skill's own libraries, tools and services&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;We publish SkillGild. This comparison favors its hosted capability use case while stating where Agensi is the stronger fit. It is based on documentation checked October 4, 2026 and SkillGild's implementation, not purchased-workflow benchmarks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Downloaded instructions and hosted operations
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://www.agensi.io/about" rel="noopener noreferrer"&gt;Agensi describes its format&lt;/a&gt; as a reusable SKILL.md file with no Agensi task runtime. That is useful when you want a file-based workflow that your agent can load and you can keep using independently of marketplace access. A downloaded skill may still call outside services or require libraries; “downloadable” doesn't mean every task runs offline.&lt;/p&gt;

&lt;p&gt;SkillGild has two &lt;a href="https://skillgild.dev/docs/concepts#run-modes" rel="noopener noreferrer"&gt;run modes&lt;/a&gt;. Prompt pipelines keep their private prompt on the service. Hybrid skills return an agent-readable guide, then expose server tools for operations that stay hosted. The wrapper isn't a download of those server implementations. Your agent can still create and render local files.&lt;/p&gt;

&lt;p&gt;If your requirement is “I must inspect and change every part of the workflow,” a protected server operation won't satisfy it. If your requirement is “I need this operation through an authenticated interface,” keeping its implementation hosted can be useful.&lt;/p&gt;

&lt;h2&gt;
  
  
  MCP discovery doesn't establish hosted execution
&lt;/h2&gt;

&lt;p&gt;Agensi's &lt;a href="https://www.agensi.io/docs/mcp-setup" rel="noopener noreferrer"&gt;MCP guide&lt;/a&gt; documents an assistant connecting to the marketplace to find, buy and install skills. That's convenient distribution. It doesn't, by itself, mean the downloaded skill's task is computed by Agensi.&lt;/p&gt;

&lt;p&gt;SkillGild's &lt;a href="https://skillgild.dev/docs/api#agent-sessions-hybrid-skills" rel="noopener noreferrer"&gt;agent sessions&lt;/a&gt; expose a different operation: an entitled agent receives a session and can call its listed server tools. Compare the actual operations rather than choosing based on the presence of an MCP badge. Our &lt;a href="https://skillgild.dev/learn/agent-skills-vs-mcp" rel="noopener noreferrer"&gt;skills vs MCP guide&lt;/a&gt; explains why both layers can appear in the same workflow.&lt;/p&gt;

&lt;h2&gt;
  
  
  A plotting task makes the tradeoff concrete
&lt;/h2&gt;

&lt;p&gt;Suppose you have a CSV and need a figure for a paper. With a downloaded plotting skill, your agent follows its installed instructions and uses the tools that package requires. With SkillGild's Academic Plotting hybrid skill, your agent follows the session guide, creates plotting code locally and calls the hosted palette validator.&lt;/p&gt;

&lt;p&gt;Neither delivery method proves that your scientific conclusion is correct. You still check the data, uncertainty, axes and export size. See our &lt;a href="https://skillgild.dev/learn/claude-code-research-plots" rel="noopener noreferrer"&gt;research plots walkthrough&lt;/a&gt; for an explicit input and review checklist, and inspect the &lt;a href="https://skillgild.dev/skills/academic-plotting" rel="noopener noreferrer"&gt;Academic Plotting listing&lt;/a&gt; before connecting.&lt;/p&gt;

&lt;h2&gt;
  
  
  Creator sales: check what is live
&lt;/h2&gt;

&lt;p&gt;Agensi &lt;a href="https://www.agensi.io/sell" rel="noopener noreferrer"&gt;advertises&lt;/a&gt; creator-set pricing, one-time sales and subscriptions, with a 70% creator share and Stripe or USDC payout routes. Those are its stated terms; this review hasn't verified a completed payout. Consult the current offer before publishing.&lt;/p&gt;

&lt;p&gt;SkillGild reviews creator applications and published versions (see &lt;a href="https://skillgild.dev/docs/creators" rel="noopener noreferrer"&gt;how to build and publish a skill&lt;/a&gt;), but automated pricing and payouts remain on its &lt;a href="https://skillgild.dev/docs/roadmap" rel="noopener noreferrer"&gt;roadmap&lt;/a&gt;. Creator-uploaded executable server tools also aren't a self-service feature today. We don't recommend SkillGild on the premise that it already provides that commercial infrastructure.&lt;/p&gt;

&lt;p&gt;For a creator, the useful question is what you intend to distribute. A file can contain your instructions and bundled scripts. A hosted implementation gives the caller an interface and results instead. Access control can reduce direct distribution of source, but doesn't guarantee that no one can imitate behavior or infer information from outputs.&lt;/p&gt;

&lt;h2&gt;
  
  
  Review, cost and access
&lt;/h2&gt;

&lt;p&gt;Agensi publishes its &lt;a href="https://www.agensi.io/security" rel="noopener noreferrer"&gt;security review process&lt;/a&gt;. SkillGild gates publication through review. Those statements don't establish a comparative security win, and we haven't conducted a security assessment of either platform.&lt;/p&gt;

&lt;p&gt;Read each listing's access terms and required providers. SkillGild's free allowance and paid entitlement are separate from your agent's model costs. A purchased skill may also need a model subscription or paid API. We haven't measured cost per completed task across the two services.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which should you use?
&lt;/h2&gt;

&lt;p&gt;Start with SkillGild for a supported hosted capability, and follow the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code&lt;/a&gt; or &lt;a href="https://skillgild.dev/learn/install-codex-skills" rel="noopener noreferrer"&gt;Codex installation guide&lt;/a&gt;. Start with Agensi for downloadable instructions or its stated creator sales offer. If price and catalog size decide it for you, compare &lt;a href="https://skillgild.dev/learn/skillgild-vs-skillry" rel="noopener noreferrer"&gt;SkillGild vs Skillry&lt;/a&gt;. You can keep local project conventions alongside hosted tools.&lt;/p&gt;

&lt;p&gt;For more options, use our &lt;a href="https://skillgild.dev/learn/best-ai-agent-skill-marketplaces" rel="noopener noreferrer"&gt;agent skill marketplace shortlist&lt;/a&gt;. Compare one task and its dependencies before adding a second marketplace account.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/skillgild-vs-agensi" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>devtools</category>
      <category>productivity</category>
    </item>
    <item>
      <title>SkillGild vs Skillry: pricing, delivery and which to choose</title>
      <dc:creator>SkillGild</dc:creator>
      <pubDate>Tue, 06 Oct 2026 22:04:36 +0000</pubDate>
      <link>https://dev.to/skillgild/skillgild-vs-skillry-pricing-delivery-and-which-to-choose-3dlo</link>
      <guid>https://dev.to/skillgild/skillgild-vs-skillry-pricing-delivery-and-which-to-choose-3dlo</guid>
      <description>&lt;p&gt;&lt;strong&gt;Short answer:&lt;/strong&gt; SkillGild costs less ($6.99 a month or $49 a year, against Skillry's $9.99 and $79) and its free skills each come with 25 runs a month. Its skills run hosted tools, such as validators, that stay on SkillGild's servers. &lt;strong&gt;Skillry.dev&lt;/strong&gt; has a much larger creative catalog, hands you the complete skill folder to keep, and sells a one-time lifetime plan. Pick SkillGild for price and hosted tools; pick Skillry for catalog size and owning the files.&lt;/p&gt;

&lt;p&gt;We publish SkillGild, so read this as a comparison from one side. Every Skillry fact below comes from its public pages, checked on 4 October 2026 and linked where it is used. We don't claim a measured winner on output quality or speed.&lt;/p&gt;

&lt;h2&gt;
  
  
  SkillGild vs Skillry at a glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;SkillGild&lt;/th&gt;
&lt;th&gt;Skillry.dev&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Monthly price&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;$6.99&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;$9.99&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Yearly price&lt;/td&gt;
&lt;td&gt;
&lt;strong&gt;$49&lt;/strong&gt; ($4.08 a month)&lt;/td&gt;
&lt;td&gt;$79 ($6.58 a month)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Other plans&lt;/td&gt;
&lt;td&gt;$18.99 every 3 months&lt;/td&gt;
&lt;td&gt;$169 one-time lifetime&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Free tier&lt;/td&gt;
&lt;td&gt;Free skills with 25 runs a month each, no card&lt;/td&gt;
&lt;td&gt;Free skills marked on the catalog; sign-in required&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Catalog&lt;/td&gt;
&lt;td&gt;A growing catalog of hosted skills&lt;/td&gt;
&lt;td&gt;About 410 skill listings&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What you install&lt;/td&gt;
&lt;td&gt;A small wrapper; tools run hosted&lt;/td&gt;
&lt;td&gt;The complete skill folder&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Private part&lt;/td&gt;
&lt;td&gt;Server tool code and prompt pipelines&lt;/td&gt;
&lt;td&gt;None stated; you receive the files&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Install&lt;/td&gt;
&lt;td&gt;Build the Go CLI, sign in, register MCP&lt;/td&gt;
&lt;td&gt;Install prompt, CLI (Node.js 22+) or ZIP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Agents with guides&lt;/td&gt;
&lt;td&gt;Claude Code, Codex, Cursor, Gemini CLI&lt;/td&gt;
&lt;td&gt;Claude Code, Codex, Cursor and more&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Refunds&lt;/td&gt;
&lt;td&gt;Double charges, failed activation, billing errors&lt;/td&gt;
&lt;td&gt;"Payments are non-refundable"&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Affiliate program&lt;/td&gt;
&lt;td&gt;25% of the first 10 payments, then 10% for as long as they pay&lt;/td&gt;
&lt;td&gt;40% for the first 12 months&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Skillry's prices come from its &lt;a href="https://skillry.dev/pricing" rel="noopener noreferrer"&gt;pricing page&lt;/a&gt;, its catalog count from its public sitemap, and its install steps from its &lt;a href="https://skillry.dev/learn/install" rel="noopener noreferrer"&gt;installation guide&lt;/a&gt;. SkillGild's prices are the US dollar list prices on our &lt;a href="https://skillgild.dev/pricing" rel="noopener noreferrer"&gt;pricing page&lt;/a&gt;, outside India.&lt;/p&gt;

&lt;h2&gt;
  
  
  Pricing: SkillGild costs less on every recurring plan
&lt;/h2&gt;

&lt;p&gt;SkillGild's monthly plan is &lt;strong&gt;$3 cheaper than Skillry's&lt;/strong&gt;, 30% less. On yearly billing the gap is &lt;strong&gt;$30 a year&lt;/strong&gt;, 38% less: $49 against $79. Over two years, the difference adds up.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fiwvv0zylmiphrodxehia.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Fiwvv0zylmiphrodxehia.png" alt="What two years of Pro costs: monthly plan for 24 months, SkillGild $167.76 and Skillry $239.76; yearly plan for two years, SkillGild $98 and Skillry $158; Skillry's lifetime plan $169, which SkillGild doesn't offer" width="800" height="338"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Two years of Pro&lt;/th&gt;
&lt;th&gt;SkillGild&lt;/th&gt;
&lt;th&gt;Skillry&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Monthly plan × 24&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;$167.76&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;$239.76&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Yearly plan × 2&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;$98&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;$158&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Lifetime, paid once&lt;/td&gt;
&lt;td&gt;No lifetime plan&lt;/td&gt;
&lt;td&gt;$169&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Skillry's $169 lifetime plan is the one place it can cost less over time: it breaks even with SkillGild's yearly plan after about three and a half years. Skillry calls it a founding price that rises as its library grows.&lt;/p&gt;

&lt;p&gt;Two more cost differences matter before you pay anything:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Free use.&lt;/strong&gt; Most SkillGild skills are free, each with 25 runs a month, and no card is needed. Skillry also lists free skills, and asks you to sign in before installing them.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Refunds.&lt;/strong&gt; SkillGild's &lt;a href="https://skillgild.dev/refunds" rel="noopener noreferrer"&gt;refund policy&lt;/a&gt; refunds double charges, payments whose Pro access didn't activate, and charges made in error. Skillry's pricing page states that payments are non-refundable.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Price per month isn't the whole value. Skillry's subscription covers every Premium skill in a much larger catalog. SkillGild's Pro plan covers its Pro skills, each with a monthly session allowance, and its catalog is still growing. Compare what you'd actually use, not only the headline price. Model subscriptions, external APIs and local renderers can add costs on either service.&lt;/p&gt;

&lt;h2&gt;
  
  
  How each one delivers a skill
&lt;/h2&gt;

&lt;p&gt;This is the real design difference, and it decides more than the price does.&lt;/p&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Ffk8clrd716akumnp978d.png" class="article-body-image-wrapper"&gt;&lt;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%2Farticles%2Ffk8clrd716akumnp978d.png" alt="How each delivers a skill. Skillry: pick a skill page, install by prompt, CLI or ZIP, the folder lands in your agent, and the agent runs it all locally. SkillGild: pick a skill page, the CLI installs a wrapper and you sign in, the agent calls hosted tools over MCP, and your files are edited locally" width="800" height="455"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Skillry delivers files.&lt;/strong&gt; Its &lt;a href="https://skillry.dev/learn/install" rel="noopener noreferrer"&gt;installation guide&lt;/a&gt; describes three routes: paste an install prompt into your agent, use the Skillry CLI (macOS or Windows, Node.js 22 or later), or download a ZIP and copy the folder in. You end up with the full skill folder, scripts and references included, in the place your agent reads skills from.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;SkillGild delivers a connection.&lt;/strong&gt; The CLI installs a small wrapper that tells your agent what the skill does and how to call it, then signs you in. When your agent uses the skill, it calls hosted tools over MCP. A hybrid session hands the agent a guide it can read, while tool code, such as a contrast validator or a render check, runs on SkillGild. A prompt pipeline runs its private prompt on the service. The &lt;a href="https://skillgild.dev/docs/concepts#run-modes" rel="noopener noreferrer"&gt;run modes&lt;/a&gt; document both.&lt;/p&gt;

&lt;p&gt;What that means in practice:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;With Skillry you own a copy.&lt;/strong&gt; You can read, edit and keep every file, and nothing depends on Skillry once it's installed, apart from any services the skill itself calls.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;With SkillGild the hosted part stays current and private.&lt;/strong&gt; Tools improve without a reinstall, and a creator's server code isn't handed out. In exchange, the skill depends on the service and your monthly allowance.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Neither model is better for every task. If you want to adapt a skill's files, Skillry's model fits. If the valuable part is a server-side check or pipeline, SkillGild's does.&lt;/p&gt;

&lt;h2&gt;
  
  
  Catalog: size against hosted tools
&lt;/h2&gt;

&lt;p&gt;Skillry is the bigger catalog by far. Its sitemap lists about 410 skill pages, weighted toward creative work: web pages, images, presentations and video, each with output previews. Its marketplace describes skills as curated and reviewed in-house.&lt;/p&gt;

&lt;p&gt;SkillGild's catalog is newer and growing, with hosted skills across design, video, research plotting and development. Its free skills carry an open license (MIT or Apache 2.0), shown on each skill's page:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://skillgild.dev/skills/design-taste-frontend" rel="noopener noreferrer"&gt;Taste Skill&lt;/a&gt; for frontend design briefs&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://skillgild.dev/skills/brag" rel="noopener noreferrer"&gt;Brag&lt;/a&gt;, &lt;a href="https://skillgild.dev/skills/hyperframes-core" rel="noopener noreferrer"&gt;HyperFrames&lt;/a&gt; and &lt;a href="https://skillgild.dev/skills/lyric-music-video" rel="noopener noreferrer"&gt;Lyric Music Video&lt;/a&gt; for video&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://skillgild.dev/skills/academic-plotting" rel="noopener noreferrer"&gt;Academic Plotting&lt;/a&gt;, which checks chart colors against contrast targets with a hosted validator&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://skillgild.dev/skills/logo-design" rel="noopener noreferrer"&gt;Logo Design&lt;/a&gt; and &lt;a href="https://skillgild.dev/skills/livecanvas" rel="noopener noreferrer"&gt;LiveCanvas&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you need a specific creative style today, Skillry is more likely to have it. If one of SkillGild's skills covers your task, its hosted tools are the reason to choose it. The &lt;a href="https://skillgild.dev/learn/claude-code-research-plots" rel="noopener noreferrer"&gt;plotting guide&lt;/a&gt; shows a recorded production run with the validator's actual results.&lt;/p&gt;

&lt;h2&gt;
  
  
  Setup
&lt;/h2&gt;

&lt;p&gt;Skillry is quicker to start: paste an install prompt, run its CLI, or copy a folder.&lt;/p&gt;

&lt;p&gt;SkillGild currently asks for more: build the Go CLI from source, sign in through your browser, then register the MCP server with your agent. Prebuilt installers are planned. The &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;Claude Code setup guide&lt;/a&gt; walks through it, and the &lt;a href="https://skillgild.dev/learn/install-claude-code-skills" rel="noopener noreferrer"&gt;install guide&lt;/a&gt; covers Codex, Cursor and Gemini CLI.&lt;/p&gt;

&lt;h2&gt;
  
  
  Affiliate programs compared
&lt;/h2&gt;

&lt;p&gt;Both services pay affiliates a recurring commission, but on very different terms. Skillry's terms come from its &lt;a href="https://skillry.dev/affiliate" rel="noopener noreferrer"&gt;affiliate page&lt;/a&gt;; SkillGild's from its &lt;a href="https://skillgild.dev/referral" rel="noopener noreferrer"&gt;affiliate program page&lt;/a&gt;.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;SkillGild&lt;/th&gt;
&lt;th&gt;Skillry.dev&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Commission&lt;/td&gt;
&lt;td&gt;25% of the first 10 payments, then 10%&lt;/td&gt;
&lt;td&gt;40% of payments&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;How long it lasts&lt;/td&gt;
&lt;td&gt;For as long as the customer pays&lt;/td&gt;
&lt;td&gt;12 months from the first purchase; "not a lifetime commission"&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Joining&lt;/td&gt;
&lt;td&gt;Automatic: every account is an affiliate account&lt;/td&gt;
&lt;td&gt;Separate sign-up and enrollment on a PromoteKit portal&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Tracking&lt;/td&gt;
&lt;td&gt;Your link holds your code in the visitor's browser until sign-up, with no expiry; people can also enter your code by hand&lt;/td&gt;
&lt;td&gt;PromoteKit link tracking; blocked cookies can affect attribution&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Dashboard&lt;/td&gt;
&lt;td&gt;On the &lt;a href="https://skillgild.dev/referral" rel="noopener noreferrer"&gt;affiliate page&lt;/a&gt;, in your SkillGild account&lt;/td&gt;
&lt;td&gt;PromoteKit dashboard&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Payouts&lt;/td&gt;
&lt;td&gt;Requested from your account once your balance reaches $20; paid by PayPal, bank transfer or UPI after a 30-day refund hold&lt;/td&gt;
&lt;td&gt;Handled manually; contact Skillry for arrangements&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;What your audience pays&lt;/td&gt;
&lt;td&gt;$6.99 a month or $49 a year&lt;/td&gt;
&lt;td&gt;$9.99 a month or $79 a year&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Per customer, Skillry pays more for the first few years: 40% of a higher price adds up quickly, then stops after 12 months. SkillGild's commission is smaller per payment but never stops, so it suits audiences who stay. It also needs no separate portal, and because someone you refer can type your code in by hand, a blocked cookie or a different device doesn't lose you the referral. A lower price can also be an easier recommendation to make.&lt;/p&gt;

&lt;p&gt;SkillGild credits commission automatically when a referred member's Pro payment is verified, holds it for 30 days in case of a refund, and pays it out on request from the affiliate page.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which should you choose?
&lt;/h2&gt;

&lt;p&gt;Choose &lt;strong&gt;SkillGild&lt;/strong&gt; if price matters, you want free monthly runs before paying, or your task benefits from hosted validators and pipelines whose code stays private. It's also the one with refunds when billing goes wrong.&lt;/p&gt;

&lt;p&gt;Choose &lt;strong&gt;Skillry.dev&lt;/strong&gt; if you want the widest creative catalog, need to own and edit the skill files, or prefer one lifetime payment.&lt;/p&gt;

&lt;p&gt;Either way, start with one small task, check the files and dependencies it produces, then decide. If you're still comparing options, read our &lt;a href="https://skillgild.dev/learn/best-ai-agent-skill-marketplaces" rel="noopener noreferrer"&gt;AI agent skill marketplace comparison&lt;/a&gt; or &lt;a href="https://skillgild.dev/learn/skillgild-vs-agensi" rel="noopener noreferrer"&gt;SkillGild vs Agensi&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  How we compared
&lt;/h2&gt;

&lt;p&gt;We read each service's public pricing, installation, catalog and affiliate pages on 4 October 2026, counted Skillry's skill pages from its public sitemap, and took SkillGild's details from its live pricing and catalog. Skillry.ai is a separate company; this article covers Skillry.dev only. Prices and terms change, so check both pricing pages before you buy.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Originally published at &lt;a href="https://skillgild.dev/learn/skillgild-vs-skillry" rel="noopener noreferrer"&gt;skillgild.dev&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>claude</category>
      <category>devtools</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
