# No Bubble UI

> Use whenever designing or modifying UI for websites, apps, dashboards, landing pages, components, or visual layouts. Prevents bubble-style UI and unnecessary rounded wrappers.

- Skill: `bruhxax/no-bubble-ui` (Agent Skill)
- Install (CLI): `npx skillmds@latest add bruhxax/no-bubble-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bruhxax/no-bubble-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: bruhxax (https://skillmd.com/u/bruhxax)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/bruhxax/no-bubble-ui

---


# No Bubble UI

Avoid bubble-style UI.

Do not add decorative rounded containers around buttons, text, images, icons, inputs, navigation items, cards, sections, or unrelated UI elements.

Avoid pill-shaped wrappers, floating bubbles, excessive border-radius, nested cards, outlined boxes around every element, soft shadow containers, badges everywhere, and glassmorphism blobs unless explicitly requested.

Prefer clean structure, whitespace, alignment, typography hierarchy, spacing, grid rhythm, subtle dividers, minimal borders, and restrained radius only for functional surfaces.

Before finishing, remove unnecessary bubbles, pills, rounded wrappers, and decorative containers.