#601

Globales Ranking · von 601 Skills

ui-audio-theme AI Agent Skill

Safe

Installation

npx skills add b-open-io/prompts --skill ui-audio-theme

Installationen

UI Audio Theme Generator

Generate cohesive sets of subtle, minimal UI sound effects using ElevenLabs text-to-sound-effects API. Create "audio themes" — coordinated sets of sounds that share a common aesthetic and map to standard UI interaction constants.

Requires ELEVENLABS_API_KEY set in the environment. See README.md for setup instructions.

Workflow

Step 1: Discover the UI Vibe

Before generating sounds, understand the application's aesthetic:

Application Context:

What type of app? (wallet, dashboard, social, productivity)
Primary user emotion? (trust, delight, focus, calm)
Professional or playful interface?

Audio Direction:

Preferred tone? (warm/organic, clean/digital, retro/nostalgic, futuristic)
Reference sounds? (Apple-like clicks, game bleeps, banking chimes)

Step 2: Select a Vibe Preset

Available presets in assets/vibe-presets.json:

Preset	Tone	Best For
`corporate-trust`	Warm, professional	Banking, finance
`crypto-modern`	Digital, clean	Wallet apps, trading
`playful-delight`	Bright, friendly	Social, consumer
`minimal-focus`	Ultra-subtle	Productivity, tools
`retro-digital`	8-bit inspired	Games, nostalgic
`premium-luxury`	Rich, refined	High-end apps

Step 3: Generate the Audio Theme

# Using preset vibe
python scripts/generate_theme.py \
  --vibe "crypto-modern" \
  --output-dir "./audio-theme"

# Using custom vibe description
python scripts/generate_theme.py \
  --vibe-custom "warm organic subtle wooden interface sounds" \
  --output-dir "./audio-theme"

# Generate specific categories only
python scripts/generate_theme.py \
  --vibe "crypto-modern" \
  --categories buttons feedback transactions \
  --output-dir "./audio-theme"

# List available presets
python scripts/generate_theme.py --list-vibes

# List all sound names
python scripts/generate_theme.py --list-sounds

Step 4: Regenerate Individual Sounds

python scripts/generate_theme.py \
  --regenerate "button-click-primary,notification-success" \
  --vibe "crypto-modern" \
  --output-dir "./audio-theme"

Sound Categories

Buttons

Constant	Description
`button-click-primary`	Main action buttons
`button-click-secondary`	Secondary/ghost buttons
`button-click-destructive`	Delete/cancel actions

Navigation

Constant	Description
`nav-tab-switch`	Tab navigation
`nav-back`	Back button/gesture
`nav-forward`	Forward navigation
`nav-menu-open`	Menu drawer open
`nav-menu-close`	Menu dismiss

Feedback

Constant	Description
`notification-success`	Success confirmation
`notification-error`	Error alert
`notification-warning`	Warning indicator
`notification-info`	Information notice
`notification-badge`	Badge/counter update

States

Constant	Description
`toggle-on`	Switch enabled
`toggle-off`	Switch disabled
`checkbox-check`	Checkbox selected
`checkbox-uncheck`	Checkbox deselected
`loading-start`	Loading initiated
`loading-complete`	Loading finished

Modals

Constant	Description
`modal-open`	Modal appearance
`modal-close`	Modal dismissal
`tooltip-show`	Tooltip reveal
`dropdown-open`	Dropdown expand
`dropdown-close`	Dropdown collapse

Transactions (Wallet-specific)

Constant	Description
`tx-sent`	Transaction sent
`tx-received`	Payment received
`tx-pending`	Transaction waiting
`tx-confirmed`	Confirmation success

Output Structure

audio-theme/
├── theme.json              # Theme manifest
├── constants.ts            # TypeScript constants
├── buttons/
│   ├── button-click-primary.mp3
│   ├── button-click-secondary.mp3
│   └── button-click-destructive.mp3
├── navigation/
├── feedback/
├── states/
├── modals/
└── transactions/

Script Options

--vibe NAME           Preset vibe name
--vibe-custom DESC    Custom vibe description
--output-dir PATH     Output directory (default: ./audio-theme)
--format FORMAT       mp3 or wav (default: mp3)
--categories CATS     Specific categories to generate
--regenerate SOUNDS   Comma-separated sounds to regenerate
--prompt-influence N  0-1, higher = stricter prompt adherence (default: 0.5)
--list-vibes          Show available presets
--list-sounds         Show all sound names

Resources

scripts/generate_theme.py — CLI tool for generating themes
references/sound-design-guide.md — Detailed sound design best practices
assets/vibe-presets.json — Predefined vibe configurations
assets/theme-template.json — Example output manifest
README.md — Prerequisites, design philosophy, integration examples (React hook, Howler.js), accessibility guidance

Installationen

Installationen 55

Globales Ranking #601 von 601

Sicherheitsprüfung

ath Safe

socket Safe

Warnungen: 0 Bewertung: 90

snyk Low

Quellcode ansehen

b-open-io/prompts

Mehr aus dieser Quelle

EU-Hosted Inference API

Power your AI Agents with
the best open-source models.

Drop-in OpenAI-compatible API. No data leaves Europe.

Explore Inference API

GLM

GLM 5

$1.00 / $3.20

per M tokens

Kimi

Kimi K2.5

$0.60 / $2.80

per M tokens

MiniMax

MiniMax M2.5

$0.30 / $1.20

per M tokens

Qwen

Qwen3.5 122B

$0.40 / $3.00

per M tokens

So verwenden Sie diesen Skill

Install ui-audio-theme by running npx skills add b-open-io/prompts --skill ui-audio-theme in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.

Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.

Der Skill verbessert das Verständnis Ihres Agenten für ui-audio-theme, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.

Was Sie erhalten

Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.

Kompatibilität

Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Start for free View pricing

App herunterladen:

ui-audio-theme AI Agent Skill

UI Audio Theme Generator

Workflow

Step 1: Discover the UI Vibe

Step 2: Select a Vibe Preset

Step 3: Generate the Audio Theme

Step 4: Regenerate Individual Sounds

Sound Categories

Buttons

Navigation

Feedback

States

Modals

Transactions (Wallet-specific)

Output Structure

Script Options

Resources

Installationen

Sicherheitsprüfung

Quellcode ansehen

Power your AI Agents with the best open-source models.

So verwenden Sie diesen Skill

Was Sie erhalten

Kompatibilität

Chat with 100+ AI Models in one App.

Power your AI Agents with
the best open-source models.