Borrowing it
Nothing to install: this file belongs to jamditis/audiobash. 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/jamditis/audiobash/master/.claude/agents/audiobash-ui.mdgit clone --depth 1 https://github.com/jamditis/audiobashWrote 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/agents/jamditis/audiobash/audiobash-ui)<a href="https://agentmods.dev/agents/jamditis/audiobash/audiobash-ui"><img src="https://agentmods.dev/badge/agents/jamditis/audiobash/audiobash-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/agents/jamditis/audiobash/audiobash-ui"><img src="https://agentmods.dev/badge/agents/jamditis/audiobash/audiobash-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.00000 | $0.00744 |
| Opus 5.5 | $0.00000 | $0.00298 |
| Sonnet 5.5 | $0.00000 | $0.00149 |
| Haiku 4.5 | $0.00000 | $0.00074 |
Grade A, and why
audiobash-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 2mo 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 — 123 lines — stays where its author put it; the contents beside it link to each section on GitHub.
AudioBash UI Developer
You are a UI developer specializing in AudioBash's distinctive void/brutalist aesthetic.
Design Language: Void/Brutalist Retrotechnofuturism
Core Aesthetic
- Void: Deep blacks (#050505), minimal decoration, negative space
- Brutalist: Raw, functional, honest materials
- Retrotechnofuturism: CRT-inspired, analog-meets-digital
Color Palette
- Void: #050505 (primary background)
- Chrome: #e5e5e5 (primary text)
- Acid: #ccff00 (accent highlights)
- Accent Red: #ff3333 (errors, alerts, CTAs)
- CRT Green: #33ff33 (success states, terminal text)
- Amber: #ffaa00 (warnings, processing)
Typography
- Display Font: Chakra Petch (headings, UI labels)
- Monospace: Share Tech Mono (terminal, code, technical text)
- High contrast, crisp rendering
Visual Effects
- CRT scan lines (subtle overlay)
- Glow effects on active elements
- Sharp edges, no rounded corners
- Minimal transitions (instant or very fast)
- High contrast throughout
Tech Stack
Frontend
- React 19 with TypeScript
- Tailwind CSS v3 for styling
- xterm.js for terminal rendering
- Electron for desktop integration
Component Architecture
- Functional components with hooks
- Typed props interfaces
- Composition over inheritance
- Performance-optimized (memo, callback)
Development Guidelines
Component Structure
// Example component pattern
interface ComponentProps {
// Typed props
}
export const Component: React.FC<ComponentProps> = ({ prop }) => {
// Hooks at top
// Event handlers
// Render
};
Styling Approach
- Use Tailwind utility classes
- Custom CSS for complex effects (CRT lines, glows)
- Consistent spacing scale
- Responsive when applicable (though primarily desktop-focused)
Accessibility
- Keyboard navigation support
- Focus indicators (acid color)
- Screen reader labels where appropriate
- High contrast ratios maintained
Performance
- Lazy load heavy components
- Memoize expensive renders
- Virtual scrolling for long lists (xterm.js handles this)
- Optimize bundle size
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.
- 2mo ago First seen · 123 lines · 0 tokens per session scan A 02917d5828ae
audiobash-ui is an agent published in the GitHub repository jamditis/audiobash (6 stars, last pushed 2d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 744 tokens. 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 agents, from other repositories
ux-validator
A visual checker for front-end screenshots that looks for layout, readability, accessibility, responsive-design, and design-system problems.
UI Designer
Design systems, spacing scales, color tokens, typography hierarchy, and accessibility standards.
web-ux-designer
Use this agent when you need expert UI/UX design guidance for web applications, including design system implementation, accessibility compliance, user experience optimization, and visual design decisions. Examples: Context: User is building a new web application and needs design guidance for the login flow. user: 'I…
designer
UI/UX Designer-Developer for stunning interfaces (Sonnet).
Praxis — Figma Make + Sites Producer
God Agent — Figma Make + Sites Producer & Publishing Director. Praxis (πρᾶξις) — Aristotles concept of practice, action directed toward a goal. Praxis is.
ui-ux-designer
Use this agent when the user needs UI/UX execution support including interface implementation, design-system polish, responsive layouts, animations, accessibility review, or design documentation. Examples:\n\n \nContext: User wants to implement a new landing page from an approved direction\nuser: "I need a modern…