# Agent skills · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/agent-skills>)

Reusable instructions and resources that give agents focused capabilities.

Related tags : [AI Agents](<https://sebastien.rigaux.be/en/tech-watch/tags/ai-agents>) · [Prompt Engineering](<https://sebastien.rigaux.be/en/tech-watch/tags/prompt-engineering>) · [Spec-driven development](<https://sebastien.rigaux.be/en/tech-watch/tags/spec-driven-development>)

## [Taste Skill gives coding agents design rules and browser checks](<https://sebastien.rigaux.be/en/tech-watch/links/taste-skill-gives-coding-agents-design-rules-and-browser-checks>)

Taste Skill gives coding agents a system for building less generic company websites: palettes, hero layouts, UI fragments and real photographs, with art direction tailored to the type of business. The repository offers Claude Code and Codex integrations, plus installation through `npx skills`.

Its distinctive feature is automated checking in headless Chrome: pages render at four widths, from 390 to 1440 px, and are checked for empty visuals, contrast, alignment and images missing on slow networks. WebGL and scroll effects are limited to tech, gaming and software pages, with static fallbacks for phones and reduced motion.

2026-11-06 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/taste-skill-gives-coding-agents-design-rules-and-browser-checks.md>) · [Original resource](<https://github.com/Leonxlnx/taste-skill>)

## [Cloudflare Security Audit Skill structures agent-led audits](<https://sebastien.rigaux.be/en/tech-watch/links/cloudflare-security-audit-skill-structures-agent-led-audits>)

This skill turns a coding agent into a security auditor by orchestrating a six-phase repository audit, from reconnaissance to report generation. Findings are structured as machine-readable data and independently verified.

A separate agent tries to disprove each candidate; results distinguish confirmed findings, leads needing validation, and rejected candidates. Running target code requires an OS-enforced sandbox with external networking disabled and resource limits in place.

2026-11-02 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/cloudflare-security-audit-skill-structures-agent-led-audits.md>) · [Original resource](<https://github.com/cloudflare/security-audit-skill>)

## [Elephant-Goldfish Model: Google’s skills for shaping specs](<https://sebastien.rigaux.be/en/tech-watch/links/elephant-goldfish-model-googles-skills-for-shaping-specs>)

Elephant-Goldfish Model, Google’s open-source plugin, provides **skills** to explore an idea, draft a specification, and challenge it before implementation. An “Elephant” agent keeps the project context; “Goldfish” reviewers inspect the document without the conversation history to surface unstated assumptions and risks.

The repository also covers resolving review findings and comparing documentation with code. Reviews require fresh subagent contexts; if the environment cannot create them, EGM stops that step.

2026-11-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/elephant-goldfish-model-googles-skills-for-shaping-specs.md>) · [Original resource](<https://github.com/google/elephant-goldfish-model>)

## [Modern Web Guidance brings current web practices to coding agents](<https://sebastien.rigaux.be/en/tech-watch/links/modern-web-guidance-brings-current-web-practices-to-coding-agents>)

Modern Web Guidance gives coding agents expert guidance on browser APIs, CSS, performance, and accessibility, steering them toward native solutions instead of legacy patterns. The repository brings together 232 features and 186 use cases as skills installable in multiple agents.

Its CLI searches locally for a guide and adds it to the agent’s context. The guidance incorporates Baseline compatibility data, targeted fallbacks, and automated evaluation; the project is marked as a preview release.

2026-11-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/modern-web-guidance-brings-current-web-practices-to-coding-agents.md>) · [Original resource](<https://github.com/GoogleChrome/modern-web-guidance>)

## [Next.js: an AI skill analyzes imports to reduce shipped JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/nextjs-an-ai-skill-analyzes-imports-to-reduce-shipped-javascript>)

Next.js 16.4 includes an AI agent skill that analyzes Turbopack’s module and chunk graph to find imports that add to shipped JavaScript. It can, for example, spot when a static import elsewhere in the bundle prevents a component from staying deferred, then suggest changes for review before applying them.

The analyzer also compares snapshots and filters code loaded on the initial render. Vercel reports nearly two megabytes of compressed JavaScript saved across v0 and vercel.com; the fixes were checked on preview deployments. The tool requires Turbopack, the default bundler since Next.js 16.

2026-10-30 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/nextjs-an-ai-skill-analyzes-imports-to-reduce-shipped-javascript.md>) · [Original resource](<https://nextjs.org/blog/ship-less-javascript-with-ai>)

## [oh-my-hermes: coordinating models, skills, and verification](<https://sebastien.rigaux.be/en/tech-watch/links/oh-my-hermes-coordinating-models-skills-and-verification>)

oh-my-hermes adds an orchestration layer to Hermes Agent: it maps work categories to models and reasoning effort, loads skills on demand, and can turn a goal into a graph of parallel tasks. Each task keeps a separate write scope, while a distinct node verifies the outcome.

A notable architectural choice is **separating preparation from execution evidence**: a plan is not treated as completed work, and an agent’s claim that it finished does not validate the result. The project also offers review-gated memory and a dedicated TUI, without replacing or patching Hermes Agent.

2026-10-28 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/oh-my-hermes-coordinating-models-skills-and-verification.md>) · [Original resource](<https://github.com/rlaope/oh-my-hermes>)

## [Archify turns a question into an interactive HTML map or page](<https://sebastien.rigaux.be/en/tech-watch/links/archify-turns-a-question-into-an-interactive-html-map-or-page>)

Archify is an open-source Agent Skill that helps an AI agent turn a description, question, or repository evidence into an **interactive diagram** or a concise page with a clear conclusion and sources. It supports ten diagram types, from architecture maps to timelines, and outputs a self-contained HTML file with no runtime dependencies.

Maps can be explored and refined in plain language, without learning a diagram editor. For one-page answers, sources can be pinned to a specific commit; the result can also be exported as a long image or PDF. The skill works with Claude Code, Codex, Cursor, OpenCode, and GitHub Copilot.

2026-10-27 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/archify-turns-a-question-into-an-interactive-html-map-or-page.md>) · [Original resource](<https://archify.si/>)

## [Claude SEO brings multi-agent SEO audits to Claude Code](<https://sebastien.rigaux.be/en/tech-watch/links/claude-seo-brings-multi-agent-seo-audits-to-claude-code>)

Claude SEO turns Claude Code into an SEO auditing tool: specialist agents assess indexing, performance, content, structured data and visibility in AI search, then produce a prioritized action plan. Reports stay on the machine, but analyzed pages are sent to Claude, as with other Claude Code workflows.

The repository also emphasizes tooling reliability, with automated checks, support for Python 3.11 through 3.14, and safeguards against untrusted web content. Live-data extensions are optional; without Google API keys, Core Web Vitals results are lab estimates.

2026-10-24 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/claude-seo-brings-multi-agent-seo-audits-to-claude-code.md>) · [Original resource](<https://github.com/AgriciDaniel/claude-seo>)

## [Agent skills: preserve flexibility while supplying context](<https://sebastien.rigaux.be/en/tech-watch/links/agent-skills-preserve-flexibility-while-supplying-context>)

PostHog shares practical guidance for writing skills that help agents without locking them into a brittle workflow. The core idea is to load context progressively, define the goal and constraints, then let the agent choose steps that fit the repository and runtime environment.

The article also addresses maintenance: separate durable structure from fast-changing details, point to a single source of truth, and regenerate skills instead of patching them indefinitely. Skills carry context and upkeep costs, so they make most sense for recurring tasks where agents lack essential context or perform poorly by default.

2026-10-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/agent-skills-preserve-flexibility-while-supplying-context.md>) · [Original resource](<https://newsletter.posthog.com/p/what-nobody-tells-you-about-writing?utm_source=convertkit&utm_campaign=%E2%9A%9B%EF%B8%8F+This+Week+In+React+%23302%3A+Next.js%2C+React+Router%2C+DevTools%2C+Security%2C+shadcn%2C+Hydrogen%2C+Vinext%2C+Mutative%2C+R3F+%7C+RN+0.88%2C+Expo+58%2C+Navigation%2C+FastImage%2C+Screens%2C+Device+Hub%2C+Edge+to+Edge+%7C+TypeScript%2C+PHP%2C+CrUX%2C+Rsdoctor%2C+Astro+-+23823401&ck_subscriber_id=2550494205&utm_medium=email>)

## [Prompt Motion: explore AI-generated motion examples](<https://sebastien.rigaux.be/en/tech-watch/links/prompt-motion-explore-ai-generated-motion-examples>)

Prompt Motion is a gallery of motion videos accompanied by the prompts and skills used to create them with Claude Opus 5.5. Examples can be browsed by type, from product UI and charts to kinetic typography and particles, then adapted to a project as a starting point for AI-assisted motion design.

2026-10-08 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/prompt-motion-explore-ai-generated-motion-examples.md>) · [Original resource](<https://prompt-motion.com/>)

## [Production-ready transitions for React web apps](<https://sebastien.rigaux.be/en/tech-watch/links/production-ready-transitions-for-react-web-apps>)

Transitions Pro offers more than 43 production-ready transitions for React, TypeScript, and Next.js apps. Copyable examples come with agent skills and tools for creating or reviewing motion, helping teams build a consistent interaction system instead of isolated animations.

2026-09-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/production-ready-transitions-for-react-web-apps.md>) · [Original resource](<https://transitions.dev/pro.html>)

## [Audit a website’s visibility in AI-powered search](<https://sebastien.rigaux.be/en/tech-watch/links/audit-a-website-s-visibility-in-ai-powered-search>)

This Claude Code skill audits how a site appears in AI-powered search. It combines citability scoring, AI crawler analysis, brand-mention checks, and structured-data reviews, then produces a report teams can use to prioritize improvements.

2026-09-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/audit-a-website-s-visibility-in-ai-powered-search.md>) · [Original resource](<https://github.com/zubair-trabzada/geo-seo-claude>)

## [SkillOpt: optimize agent skills through trials and evaluation](<https://sebastien.rigaux.be/en/tech-watch/links/skillopt-optimize-agent-skills-through-trials-and-evaluation>)

SkillOpt treats the skill itself as an artifact to improve: an agent runs tasks, receives evaluation, and its procedure is revised. Keeping the model and harness fixed makes instruction changes comparable.

2026-07-14 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/skillopt-optimize-agent-skills-through-trials-and-evaluation.md>) · [Original resource](<https://microsoft.github.io/SkillOpt/>)

## [Emil Kowalski’s skill for polished interface details](<https://sebastien.rigaux.be/en/tech-watch/links/emil-kowalski-s-skill-for-polished-interface-details>)

This skill turns Emil Kowalski’s motion and interface-craft guidance into instructions an agent can use. It focuses on transitions, states, and details that make interactions clearer.

2026-05-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/emil-kowalski-s-skill-for-polished-interface-details.md>) · [Original resource](<https://emilkowal.ski/skill>)

## [Help agents produce less generic interfaces with Taste Skill](<https://sebastien.rigaux.be/en/tech-watch/links/help-agents-produce-less-generic-interfaces-with-taste-skill>)

Taste Skill collects open-source guidance for an agent’s visual decisions. Installing it adds a design framework beyond default components and styles.

2026-05-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/help-agents-produce-less-generic-interfaces-with-taste-skill.md>) · [Original resource](<https://www.tasteskill.dev/>)

## [Run a project pre-mortem before implementation](<https://sebastien.rigaux.be/en/tech-watch/links/run-a-project-pre-mortem-before-implementation>)

This skill guides a pre-mortem session that imagines a project failure to surface risks early. The Markdown file can be used by a coding agent or in product discovery.

2026-05-18 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/run-a-project-pre-mortem-before-implementation.md>) · [Original resource](<https://github.com/borghei/Claude-Skills/blob/main/project-management/discovery/pre-mortem/SKILL.md>)

## [Structure an agent’s software workflow with Superpowers](<https://sebastien.rigaux.be/en/tech-watch/links/structure-an-agent-s-software-workflow-with-superpowers>)

Superpowers provides skills for breaking down work, exploring a problem, and checking an implementation. Its repository describes a reusable method for multiple coding agents.

2026-05-18 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/structure-an-agent-s-software-workflow-with-superpowers.md>) · [Original resource](<https://github.com/obra/superpowers>)

## [Give coding agents a design vocabulary with Impeccable](<https://sebastien.rigaux.be/en/tech-watch/links/give-coding-agents-a-design-vocabulary-with-impeccable>)

Impeccable provides design commands and guidance to help an agent refine an existing interface. It covers typography, color, and consistency with a component system.

2026-05-10 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/give-coding-agents-a-design-vocabulary-with-impeccable.md>) · [Original resource](<https://impeccable.style/>)

## [Discover and install agent skills with Skills.sh](<https://sebastien.rigaux.be/en/tech-watch/links/discover-and-install-agent-skills-with-skills-sh>)

Skills.sh catalogs reusable skills and simplifies installation for supported coding assistants. Its directory lets developers review use cases before adding capabilities to their workflow.

2026-02-26 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/discover-and-install-agent-skills-with-skills-sh.md>) · [Original resource](<https://www.skills.sh/>)

## [Guide an agent’s interface design with UI UX Pro Max](<https://sebastien.rigaux.be/en/tech-watch/links/guide-an-agent-s-interface-design-with-ui-ux-pro-max>)

This skill gives an agent design guidance and interface choices for multiple platforms. The repository includes style, typography, and color-pairing recommendations to shape an implementation.

2026-02-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/guide-an-agent-s-interface-design-with-ui-ux-pro-max.md>) · [Original resource](<https://github.com/nextlevelbuilder/ui-ux-pro-max-skill>)

Page 1 / 2

[Next](<https://sebastien.rigaux.be/en/tech-watch/tags/agent-skills/page/2>)
