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 rylsherdamz-rgb/stellar-forge --skill frontend-designgit clone --depth 1 https://github.com/rylsherdamz-rgb/stellar-forgeWrote 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/rylsherdamz-rgb/stellar-forge/frontend-design)<a href="https://agentmods.dev/skills/rylsherdamz-rgb/stellar-forge/frontend-design"><img src="https://agentmods.dev/badge/skills/rylsherdamz-rgb/stellar-forge/frontend-design/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/rylsherdamz-rgb/stellar-forge/frontend-design"><img src="https://agentmods.dev/badge/skills/rylsherdamz-rgb/stellar-forge/frontend-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector warn
SkillSpector: 1 finding, up to high
These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →
- high Privilege Escalation · line 199 Code accesses credential files (SSH keys, AWS credentials, etc.). This could indicate credential theft attempts.Fix: Remove references to credential paths. Use environment variables or secrets managers. For docs, use placeholder paths (e.g., /path/to/config). Never load .env or token files in production code paths.
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.00051 | $0.03133 |
| Opus 5 | $0.00026 | $0.01566 |
| Sonnet 5 | $0.00010 | $0.00627 |
| Haiku 4.5 | $0.00005 | $0.00313 |
Grade A, and why
frontend-design 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 11d 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 — 297 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Frontend Design — Stellar dApp UI
Build visually distinctive Stellar dApp frontends that integrate wallet connection, contract interaction, and transaction flows — all while avoiding generic "AI slop" aesthetics.
When to Use
- Designing wallet connect / disconnect UI that stands out
- Displaying on-chain data (balances, token info, contract state) beautifully
- Building transaction confirmation flows with loading + success states
- Creating a cohesive dApp dashboard with contract read/write widgets
- Styling agentic kit components (
useStellarData,useContract,useWallet) - Any Stellar frontend task where visual polish matters
Design Thinking
Before writing UI code, commit to a bold aesthetic direction:
- Purpose: What does this interface do? Who uses it — traders, devs, collectors?
- Tone: Pick an extreme — brutalist dark, luxe-light editorial, retro-terminal, futuristic glassmorphism, industrial monochrome, playful neo-brutalism.
- Blockchain UX constraints: Wallet not connected, waiting for confirmation, tx pending, tx confirmed, error states — each needs its own visual language.
- Differentiation: What makes this UNFORGETTABLE? A custom loading spinner made from Stellar icons? Animated transaction history? A gradient that shifts with each new block?
CRITICAL: Execute with precision. Bold maximalism and refined minimalism both work — the key is intentionality, not intensity.
Stellar dApp UI Patterns
Pattern 1 — Wallet Connection
Every dApp starts with wallet connect. Design for the full lifecycle:
Disconnected → Connecting → Connected → Disconnecting
| State | Visual treatment |
|---|---|
| Disconnected | Prominent CTA, subtle pulse animation on the connect button |
| Connecting | Spinner, disabled button, "Opening Freighter..." text |
| Connected | Address badge (abbreviated), XLM balance chip, disconnect affordance |
| Disconnecting | Brief fade before returning to disconnected state |
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.
- 11d ago First seen · 297 lines · 51 tokens per session scan A 19e1f61ccbd3
frontend-design is a skill published in the GitHub repository rylsherdamz-rgb/stellar-forge (17 stars, last pushed yesterday), licensed MIT. It adds 51 tokens to every session and 3,133 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
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json…
blockchain-web3
Use this skill when asked about web3 frontend development, ethers.js, viem, wagmi, web3.js, wallet integration (MetaMask, Phantom, WalletConnect), dApp architecture, RPC providers (Alchemy, Infura), and TypeScript blockchain SDKs. Language: TypeScript. Covers reading blockchain state, sending transactions, wallet…
frontend-best-practices
Use this skill when creating or modifying React frontend components. It defines UI/UX, styling, and architecture standards.
frontend-specialist
Frontend development agent for React, Vue, Next.js with modern UI/UX patterns.
framer-motion
Creates smooth animations and micro-interactions using Framer Motion including page transitions, gestures, scroll-based animations, and orchestrated sequences. Use when users request "add animation", "framer motion", "page transition", "animate component", or "micro-interactions".
neo-dapp-starter
Production-ready Neo N3 dApp starter template with Next.js 15, wallet integration (NeoLine/OneGate), NEP-17 token operations, multi-chain support, and edge deployment. Use when building Neo dApps, creating Neo frontends, integrating Neo wallets, or scaffolding Neo N3 projects.