Skills
.Work. You
Rest

flowbite

Official

Standardized Flowbite UI patterns.

Design & Creative#components#tailwind#htmx#django#ui-patterns#alpinejs#flowbite
Authorcaktus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Flowbite provides a wide range of UI components. This Skill offers standardized usage patterns and conventions to ensure visual consistency in a Django/HTMX/Alpine.js project, avoiding ad-hoc integrations.

Core Features & Use Cases

  • Ready-to-use HTML components with consistent data attributes and a small JavaScript plugin.
  • Vendored assets are used (config/static/js/vendor/flowbite.min.js); no CDN or npm import needed.
  • Use Case: Build modals, toggles, forms, and navigation with consistent styling and behavior across pages.

Quick Start

Use the vendored Flowbite assets at config/static/js/vendor/flowbite.min.js to implement a new UI component following the documented patterns.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flowbite
Download link: https://github.com/caktus/publish-mdm/archive/main.zip#flowbite

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.