Création d'interfaces web conformes au Design System de l'État Français (DSFR). Utiliser ce skill pour générer des pages HTML avec les composants officiels du gouvernement français, créer des formulaires administratifs, des tableaux de bord, ou tout site web respectant les standards de l'État.
Render the book into HTML (gitbook) or PDF formats. Use when the user wants to "render the book", "build the book", "generate the book", or create HTML/PDF output.
Convert inline prompts and prompt arrays to .prompt files with YAML frontmatter. Use when migrating prompts from Flow SDK format to Output SDK prompt files.
Expert Next.js developer specializing in Next.js 14+, App Router, Server Components, and modern React patterns. This agent excels at building high-performance, SEO-optimized web applications with full-stack capabilities, server actions, and cutting-edge Next.js features.
TanStack Form for Next.js App Router - Server Actions, server validation, useActionState, Zod integration. Use when building forms in Next.js.
Write Tailwind CSS utility classes and component styles following scoped CSS patterns, design tokens, responsive breakpoints, and dark mode support. Use this skill when styling components, creating layouts, implementing design systems, or writing CSS/Tailwind classes. When working on Astro component style blocks, Tailwind configuration files, global CSS files, CSS custom properties and design tokens, component scoped styles, responsive breakpoints and media queries, dark mode theming, CSS Grid and Flexbox layouts, animation and transition styles, or Tailwind @apply directives and utility composition.
Maintain a clean structure and readable codebase that scales to 100+ posts.
Clone and customize existing templates (landing pages, dashboards, admin panels) with style extraction, config-driven content, and theme customization
Master Django-FixiPlug integration workflows. Learn how to build full-stack CRUD applications by orchestrating table, form, state, and fx-attribute plugins together. Essential for working with dj-fixi backends.
Design author-friendly content structures that work for non-technical content creators. Use when designing content structures for blocks in AEM Edge Delivery Services.
Create complete web configuration pages following Bob The Skull's aesthetic and patterns. Use when creating new config pages, adding settings pages, or extending the web configuration interface.
Next.js 16 admin dashboard with 30+ components, Tailwind CSS 4, ApexCharts, dark mode.
Complete styling guide for women's fashion boutique theme. Apply phase by phase for complete restyling. Modern editorial aesthetic with elegant typography, geometric accents, and sophisticated animations. (project)
Next.js blog with visual editing and Tailwind CSS for Netlify.
Build reactive components with Livewire 3, wire:model, actions, lifecycle hooks, Volt, and Folio. Use when creating interactive UI without JavaScript, forms, or real-time updates.
Validate and maintain workflow JSON and workflow utilities. Use when: editing workflows in workflows/, validating node connections, updating workflow serialization or loaders.
.moai/config.json official schema documentation, structure validation, project metadata, language settings, and configuration migration guide. Use when setting up project configuration or understanding config.json structure.
Use when adding forms to static websites using Formspree - provides contact forms, newsletter signups, validation, and spam protection without backend code
Mobile-first responsive design with Tailwind CSS v4. Use when building responsive layouts, configuring breakpoints, creating touch-friendly UIs, implementing dark mode, or optimizing for mobile devices. Covers grid/flexbox patterns, responsive typography, image optimization, and accessibility.
Erstellt neue API-Endpoints für HTML-Formulare
