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 lovstudio/skills --skill install-shadcn-uigit clone --depth 1 https://github.com/lovstudio/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/lovstudio/skills/install-shadcn-ui)<a href="https://agentmods.dev/skills/lovstudio/skills/install-shadcn-ui"><img src="https://agentmods.dev/badge/skills/lovstudio/skills/install-shadcn-ui/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/lovstudio/skills/install-shadcn-ui"><img src="https://agentmods.dev/badge/skills/lovstudio/skills/install-shadcn-ui.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.00048 | $0.00808 |
| Opus 5 | $0.00024 | $0.00404 |
| Sonnet 5 | $0.00010 | $0.00162 |
| Haiku 4.5 | $0.00005 | $0.00081 |
Grade A, and why
lov-install-shadcn-ui 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 yesterday.
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.
What it actually says
shadcn/ui 接入
安装并按项目品牌配置 shadcn/ui，保留现有主题和组件修改。
Triggers
Activate when
- “安装并按项目品牌配置 shadcn/ui，保留现有主题和组件修改。”
- “Install and configure shadcn/ui for a project.”
Do not activate when
- 只是查询本 Skill 的说明，或请求与上述结果无关的任务；不执行实际业务操作。
- 用户仅要预览或审查时，不进入修改、提交或发布分支。
Execution boundary
自然语言请求即可触发；无需旧 slash 路径、参数插值或指定助手。明确解析当前请求中的 项目、目标文件、选项与输出位置；用当前宿主实际提供的文件、搜索、CLI 和浏览器能力。 项目依赖版本与外部 API 在执行时核实，不能假设示例是现行配置。随包脚本从 Skill 根解析， 业务文件从目标项目根解析。先读当前状态，保护已有未提交内容与其他任务的暂存区。 分析、预览请求保持只读；修改、提交、推送、部署和发布各依当前请求的明确范围执行。 不绕过保护、自动发送消息、强制结束用户进程或抢前台。失败保留可诊断原始错误。
Workflow
-
读取 package manager、框架、Tailwind 主版本、components.json 和现有组件；从项目品牌 token 确定主题。
-
按当前官方安装文档选择命令，已有项目只补缺项；不固定使用旧 preset，也不因 CLI 初始化覆盖已有 CSS 和人工组件修改。
-
配置路径别名、全局样式与 semantic token，区分 Tailwind v3 配置文件与 v4 CSS-first 方式，保留必要 reset。
-
仅安装需求涉及的组件。对 button hover、border reset 等问题先检查实际生成代码和复现，不能无条件套用历史补丁。
-
网络失败时才使用用户已配置代理，不写固定本机代理到通用 Skill 或 shell profile。
-
运行构建，验证按钮状态、表单、暗色主题与响应式。输出实际新增依赖、组件和配置路径。
Composition
执行前读取 能力组合，按明确制品交接相邻能力。
Runtime context (shared)
运行前读取本包 skill.yaml 与 Profile 合同。优先级为当前请求、
项目上下文、本 Skill records、共享 preferences、brand/user Profile、安全默认值。
只读取声明字段；没有专用运行时的宿主可使用 scripts/profile_store.py 读取共享 Profile。
配置缺失只问影响结果的一个问题。用户明确要求长期保存的值通过该脚本原子写入，
报告实际路径；不保存推断、凭据或其他任务的资料。
What ships with it
12 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.
- cases/cases.json 653 B
- CHANGELOG.md 285 B
- LICENSE 1.0 KB
- pricing-card.yaml 425 B
- README.md 1.0 KB
- references/skill-composition.md 856 B
- references/user-profile.md 2.7 KB
- scripts/profile_store.py 8.3 KB runs code
- scripts/validate_skill.py 26 KB runs code
- skill-card.md 1.1 KB
- skill-card.yaml 1.5 KB
- skill.yaml 2.2 KB
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.
- yesterday First seen · 69 lines · 48 tokens per session scan A 061286b0e8af
lov-install-shadcn-ui is a skill published in the GitHub repository lovstudio/skills (64 stars, last pushed yesterday), licensed MIT. It adds 48 tokens to every session and 808 once invoked, about $0.0002 per session on Opus 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-09-07.
Other skills, from other repositories
shadcn
Current shadcn/ui component guidance for projects generated with Radix UI or Base UI, including primitive-specific composition, Tailwind CSS v4 theming, accessibility, forms, tables, and state patterns. Inspect the checked-in component implementation before applying Radix asChild or Base UI render APIs.
visual-verification
Verify UI work by actually looking at rendered screenshots before claiming it works. Use whenever building, changing, reviewing, or debugging anything visual — layout, styling, animation, theming, canvas/WebGL art, icons, or any "does this look right" question. Also use when a UI change is reported broken, or when…
anthropic-frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
emil-animation-polish
Use for Emil Kowalski inspired web UI animation polish: CSS transitions, custom easing, duration choices, press feedback, hover/touch behavior, tooltip delay logic, origin-aware popovers, small blur-assisted state transitions, and audits for interfaces that should feel smooth, fast, responsive, and tasteful. Pair with…
jack-premium-site-system
Orchestrate a Jack Roberts inspired premium 3D/scroll website workflow from brand and purpose through asset prompting, scroll-driven 3D implementation, SEO polish, and optional launch. Use when the user asks to build, redesign, pitch, or publish a premium animated website, 3D scroll site, scroll-stopping landing page…
liquid-glass-web
Build Apple-style liquid/frosted glass UI on the web with progressive enhancement. Use when implementing or reviewing glassmorphism, Liquid Glass, translucent navs, lens/refraction effects, SVG displacement filters, WebGL glass shaders, frosted panels, specular highlights, or cross-browser glass fallbacks.