Breadcrumb + Sub-Tabs
Breadcrumb trail above a row of section sub-tabs.
THE SKILL
Design a secondary navigation with a breadcrumb trail on top showing the current path, and a row of sub-tabs beneath it for switching between sections of the current page, with the active tab clearly marked. Match my product's existing look: colors, typography, spacing, and overall aesthetic.
How to use this skill
1. Copy the skill above.
2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.
3. Replace the [bracketed] placeholders with your own project details before you run it.