flowbitelisted
Install: claude install-skill System-Desgin/AgentDS
# Flowbite design system
Build UI that follows Flowbite — Tailwind-native components, Inter type, an electric brand blue over the Tailwind gray ramp.
## When to use this skill
Use this skill when the user:
- Asks for Flowbite or a polished Tailwind CSS component look
- Builds SaaS dashboards or marketing sites on Tailwind
- Wants Flowbite's real default theme values instead of guessed values
## Apply it
1. Read the bundled `DESIGN.md` in this skill's directory — it contains
Flowbite's default-theme tokens and usage rules.
2. Copy it into the project root as `DESIGN.md` (or merge on the user's direction).
3. Follow its "Do's and Don'ts" and "Agent Prompt Guide" sections exactly:
reference tokens by name, stay on the Tailwind gray ramp, keep every
text/background pair WCAG AA.
Refresh from the live catalog when the user wants current values (optional —
the bundled copy works fully offline):
`curl -fsSL https://api.agent-ds.oday-bakkour.com/v1/systems/flowbite/design.md`
(also available: `tokens.json`, `tailwind.css`, `bundle.zip`). The full 40+
system catalog is browsable at https://agent-ds.oday-bakkour.com; the
`design-systems` master skill in this same repository covers all of them.
## Security and provenance
- AgentDS is an independent catalog, not affiliated with Themesberg. This
file's values reflect Flowbite's documented open-source default theme (MIT),
with provenance recorded per entry on the catalog site.
- The API is read-only HTTPS `GET`, no au