Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/IamK77/SkillWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/plugins/iamk77/skill/surface)<a href="https://agentmods.dev/plugins/iamk77/skill/surface"><img src="https://agentmods.dev/badge/plugins/iamk77/skill/surface/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/plugins/iamk77/skill/surface"><img src="https://agentmods.dev/badge/plugins/iamk77/skill/surface.svg" alt="Reviewed on agentmods" width="80" height="20"></a>Grade A, and why
surface scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 17 lines — stays where its author put it; the contents beside it link to each section on GitHub.
{
"name": "surface",
"description": "Build modern frontends from 0 to 1 — the agent-era methodology for the one discipline whose correctness spec lives in a human nervous system, not a document, so taste is load-bearing and cannot be outsourced. A pipeline of eight gated lenses across the build lifecycle: bearings (before the first line — model the user's mind not the database, fix the boundaries and the source-of-truth one-way doors, write the perception contract where latency tiers become architecture, and set the objective function before the metrics dashboard exists to pull you), keel (the walking skeleton — pierce every integration seam with one real-but-trivial vertical slice, deployed, with a contract generated from one source so types can't drift), wellspring (state architecture, the heart — classify every piece of state into the one bucket that owns it, minimize the source of truth and derive the rest, model hard interactions as explicit state machines, and wire data along the dependency graph not the component tree), seaworthy (build the unhappy path first — the loading/error/empty/edge states ARE the product, maintain the user's illusion of direct manipulation against an async failing machine, with accessibility and a performance budget built in), livery (the visual system — every visual value is a token derived from a system, never an ad-hoc literal: an oklch color-and-light model with a dark path, a type-and-spacing scale, depth and form from a single light model, and motion that earns its place with purpose, physics, and a reduced path — taste decides, the system enforces), trials (correctness — test behavior not structure so the suite is a net not a straitjacket, spend the budget where frontend bugs cluster via the testing trophy, mock only the network with a contract-true mock), lookout (delivery and observability — shipping is the start of the conversation with reality, RUM as psychophysics encoded as numbers, and the pre-launch objective-functiWhat it installs
The manifest is a name and a version. 8 skills travel with it, and installing the plugin installs all of them — 1,715 tokens a session between them. Each is measured on its own page, and each can be installed alone.
What ships with it
1 file beside marketplace.json#surface in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 17 lines scan A faee7eb03722
surface is a plugin published in the GitHub repository IamK77/Skill (2 stars, last pushed 1mo ago), licensed Apache-2.0. Its token cost is not measured: this kind of file is read by the harness, not the model. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other plugins, from other repositories
nateherk-design
Design and build skills from Nate Herk. Ships scroll-craft: premium scroll-driven interactive landing pages, built on a full design floor (typography, spacing, colour, depth, motion, accessibility) rather than on an animation library.
foreman
A build playbook for shipping real websites with coding agents. The agent interviews you, forces the decisions, locks a visual system, writes the brief, builds it or hands it off, then verifies, ships, and indexes.
frontend
Frontend development specialists for React, Vue, Next.js, CSS, HTML, and UI/UX design. Comprehensive coverage of modern frontend technologies.
frontend-developer
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a d.
senior-frontend
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS. Includes component scaffolding, bundle analysis, performance optimization, and accessibility best practices.
artifacts-builder
Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui. Use for complex artifacts requiring state management, routing, or shadcn/ui components.