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.
npx skills add HinkoK/agent-skills --skill webdgit clone --depth 1 https://github.com/HinkoK/agent-skillsWrote 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/skills/hinkok/agent-skills/webd)<a href="https://agentmods.dev/skills/hinkok/agent-skills/webd"><img src="https://agentmods.dev/badge/skills/hinkok/agent-skills/webd/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/skills/hinkok/agent-skills/webd"><img src="https://agentmods.dev/badge/skills/hinkok/agent-skills/webd.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00068 | $0.01082 |
| Opus 5.5 | $0.00027 | $0.00433 |
| Sonnet 5.5 | $0.00014 | $0.00216 |
| Haiku 4.5 | $0.00007 | $0.00108 |
Grade A, and why
webd 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 1mo 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 — 111 lines — stays where its author put it; the contents beside it link to each section on GitHub.
webd 🎨
Curated web design resources for building professional landing pages with shadcn/ui-based libraries.
When to Use
- User asks for UI component libraries or design resources
- Building landing pages that need to look professional
- Looking for alternatives to "vibe coded" designs
- Need specific components (hero sections, pricing, testimonials)
- Want animation libraries or icon sets
- Creating distinctive, non-generic frontend interfaces
- Need design direction before starting to code
Core Resources
- Design Framework - Establish aesthetic direction BEFORE coding
- Conversion Patterns - Landing page optimization from Landing Pages Explained
- UI Libraries - 17+ shadcn/ui-based component libraries
Quick Categories
For Marketing Pages
- MVP Blocks - Animated sections with Framer Motion
- Magic UI - 50+ animated components (used by Vercel/Stripe)
- Luxe UI - Premium testimonials, features, CTAs
For Animations
- Aceternity UI - Crazy 3D effects
- Motion Primitives - Animation building blocks
- Smooth UI - Buttery hover effects
For Clean/Minimal
- Origin UI - Consistent design language
- Cult UI - Minimal but powerful
- Tailark - Clean startup aesthetic
For Unique Elements
- Skipper UI - Components you won't find elsewhere
- Phosphor Icons - 9000+ alternative to Lucide
- PatternCraft - Background patterns and textures
Recommendations by Use Case
| Goal | Top Pick | Runner Up |
|---|---|---|
| Launch fast | Bundui | MVP Blocks |
| Look premium | Luxe UI | Aceternity UI |
| SaaS dashboard | Cult UI | Origin UI |
| Stand out | Skipper UI | Kokonut UI |
| Heavy animations | Aceternity UI | Magic UI |
Workflow
Option 1: Component-First (Quick)
- Identify the landing page goal (conversion, showcase, app)
- Pick 1-2 primary libraries matching the aesthetic
- Supplement with specific needs (icons from Phosphor, backgrounds from PatternCraft)
- Keep it consistent - don't mix too many design languages
What ships with it
4 files beside SKILL.md 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.
- 1mo ago First seen · 111 lines · 68 tokens per session scan A be8c27defa26
webd is a skill published in the GitHub repository HinkoK/agent-skills (6 stars, last pushed 4mo ago), licensed MIT. It adds 68 tokens to every session and 1,082 once invoked, about $0.0003 per session on Opus 5.5. 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-08-31.
Other skills, from other repositories
design
Use when designing, redesigning, restyling or reviewing a web page or app screen (landing, product site, portfolio, dashboard, docs) or when a UI looks generic or AI-made. Deals a researched direction, takes the idea from the subject, uses real pictures, proves it in a browser. NOT the words (landing-copy), NOT…
hallmark
Use when designing, building, redesigning, or auditing websites and web pages that refuse to look AI-generated. Enforces anti-AI-slop design rules, non-waivable floor constraints, tokenized design systems, 48 curated themes/materials, and automated sloplint verification.
impeccable
Use when designing, redesigning, shaping, critiquing, auditing, polishing, animating, or hardening frontend interfaces: websites, dashboards, SaaS apps, mobile screens. Enforces 24 design commands, PRODUCT.md/DESIGN.md artifacts, 4 surface modes (Persuade, Operate, Read, Experience), and strict craft floor against…
role-ui-ux-designer
Use when orchestrating UI/UX design systems, anti-AI-slop frontend styling, tactile micro-interactions, responsive design tokens, accessibility standards, and high-fidelity interface engineering.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", or "vs best practices".
check-the-style
Analizza, progetta, implementa e verifica il visual design di interfacce web e mobile. Usa quando una UI esistente o in sviluppo appare debole, rumorosa, incoerente o poco rifinita, oppure quando occorre migliorare gerarchia, spaziatura, tipografia, colore, contrasto, profondità, immagini, stati, resa responsive e…