Borrowing it
Nothing to install: this file belongs to solana-foundation/solana-developer-platform. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/solana-foundation/solana-developer-platform/main/.agents/skills/sdp-ui-designer/SKILL.mdgit clone --depth 1 https://github.com/solana-foundation/solana-developer-platformWrote 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/solana-foundation/solana-developer-platform/sdp-ui-designer)<a href="https://agentmods.dev/skills/solana-foundation/solana-developer-platform/sdp-ui-designer"><img src="https://agentmods.dev/badge/skills/solana-foundation/solana-developer-platform/sdp-ui-designer/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/solana-foundation/solana-developer-platform/sdp-ui-designer"><img src="https://agentmods.dev/badge/skills/solana-foundation/solana-developer-platform/sdp-ui-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.00065 | $0.02078 |
| Opus 5 | $0.00032 | $0.01039 |
| Sonnet 5 | $0.00013 | $0.00416 |
| Haiku 4.5 | $0.00006 | $0.00208 |
Grade A, and why
sdp-ui-designer 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 9d 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 — 216 lines — stays where its author put it; the contents beside it link to each section on GitHub.
SDP UI Designer
Use this skill for any SDP UI work. Follow the SDP-specific product rules first, then use general Solana institutional design taste only where SDP does not already define a pattern.
Quick Start For Agents
Before editing UI:
- Confirm the task is for SDP UI.
- Read the current task and only inspect the relevant files or screen slices.
- Use these handoff references as the design source of truth:
AGENTS.mdsdp-design-system.css
- Reuse SDP CSS variables, component classes, spacing, table styles, buttons, and navigation patterns before creating new ones.
- If direct Figma is available, treat
SDP-designas authoritative.
If this skill is shared as a standalone handoff bundle, use the included files:
AGENTS.mdsdp-design-system.csssdp-ui-designer/SKILL.md
Do not assume access to private prototypes, private source material, or machine-specific paths unless they are explicitly shared with the handoff recipient.
Design Source Of Truth
- Figma:
Jj7dHZIDQ6iGZFwpo38Yhv(SDP-design). - Canonical token reference in this bundle:
sdp-design-system.css. - SDP product rules in this bundle:
AGENTS.md.
Use the SDP Payments UI patterns as the product truth for shell, sidebar, navigation hierarchy, tab styling, button grammar, table styling, and general SDP density. Issuance should not invent a separate shell or app navigation pattern.
Use sdp-design-system.css as a portable token and component reference. If the target codebase keeps CSS inline or uses another styling system, mirror the variables and component behavior rather than introducing a second visual language.
Visual Direction
SDP should feel like a quiet institutional operations product:
- White content surfaces on warm sand/gray app chrome.
- Subtle borders and restrained shadows.
- Dense but readable layouts.
- Operational forms, tables, side panels, and cards.
- Clear status and readiness states.
- No marketing-style heroes, decorative backgrounds, glow, or loud brand treatment.
What ships with it
2 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.
- 9d ago First seen · 216 lines · 65 tokens per session scan A 9adb9d4d487a
sdp-ui-designer is a skill published in the GitHub repository solana-foundation/solana-developer-platform (52 stars, last pushed today), licensed MIT. It adds 65 tokens to every session and 2,078 once invoked, about $0.0003 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-08-30.
Other skills, from other repositories
ss-dial
Turn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent…
web3-accessibility-guide
Guide to W3AG (Web3 Accessibility Guidelines) — accessibility standards and patterns for Web3 applications. Covers wallet connect UX, transaction confirmation patterns, error handling, screen reader support, and inclusive design for dApps. Making DeFi usable by everyone.
blockchain-patterns
Use this skill when asked about blockchain design patterns, token standards, upgradeable contracts, oracle patterns, layer 2 scaling patterns, cross-chain communication patterns, and common blockchain architecture patterns. Covers ERC standards (20, 721, 1155, 4626, 4337), proxy patterns (UUPS, transparent, beacon)…
frontend-design
Create distinctive, production-grade Stellar dApp UI. Combines bold aesthetic direction with smart contract integration patterns — wallet connection flows, transaction UX, contract data displays, and agentic kit hook wiring. No generic "AI slop" aesthetics.
modeling-revenue-metrics
Build reusable revenue models — MRR, ARR, gross revenue, new/expansion/contraction/churn, ARPU, LTV, and per-customer/per-account revenue — on either PostHog data-warehouse views (HogQL) or an external dbt project. Use when the user wants to model, define, or compute recurring revenue, monthly/annual recurring…
modeling-activation-metrics
Build reusable activation models — an activation-rate metric and a per-user/per-account activated flag — on either PostHog data-warehouse views (HogQL) or an external dbt project. Use when the user wants to define, model, or measure activation, the "aha moment", onboarding success, or which early actions predict a…