From flatpickr
flatpickr Beispiele und Patterns: DateTime, Range, Multiple, Time-only, Inline, Disable, altInput, Preloading, Wrap/Input-Groups, Custom Parsing/Formatting. Trigger: "flatpickr beispiele", "flatpickr examples", "flatpickr datetime", "flatpickr range", "flatpickr multiple", "flatpickr time only", "flatpickr inline", "flatpickr disable dates", "flatpickr preload", "flatpickr input group", "flatpickr wrap", "flatpickr patterns".
How this skill is triggered — by the user, by Claude, or both
Slash command
/flatpickr:flatpickr-examplesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
```js
// DateTime-Picker
flatpickr("#dt", { enableTime: true, dateFormat: "Y-m-d H:i" });
// Datumsbereich (Range)
flatpickr("#range", { mode: "range" });
// Zeitauswahl ohne Kalender
flatpickr("#time", { enableTime: true, noCalendar: true, dateFormat: "H:i" });
// Menschenlesbar anzeigen, Maschinenformat senden
flatpickr("#alt", { altInput: true, altFormat: "F j, Y", dateFormat: "Y-m-d" });
// Wochenenden sperren
flatpickr("#wd", {
disable: [d => d.getDay() === 0 || d.getDay() === 6]
});
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub zone1987/claude-a-dev-team --plugin flatpickr