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.

bruhxax Updated

File contents

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.

bruhxax/codex-skills-pack/tree/main/.codex/skills/no-bubble-ui commit ddaa3702b1

Frequently asked questions

npx skillmds@latest add bruhxax/no-bubble-ui