Skills publiés 24
ui-handler
Implémenter des composants d'interface et des pages de destination
La création manuelle de composants d'interface prend beaucoup de temps. Cette compétence exploite Shadcn MCP et 21st.dev MCP pour générer rapidement des boutons, des dialogues et des sections de pages de destination complexes.
theme-handler
Installer des thèmes UI avec shadcn et tweakcn
La gestion manuelle des thèmes d'application nécessite de trouver les URLs des thèmes et d'exécuter des commandes CLI. Cette skill fournit une liste curatée de thèmes préconfigurés et de commandes d'installation, rendant l'installation des thèmes rapide et sans erreur.
stripe-handler
Implémenter des paiements Stripe personnalisés
Les flux de paiement personnalisés pour les produits ponctuels sont complexes à implémenter en toute sécurité. Cette compétence fournit des modèles pour les sessions de paiement Stripe, la gestion des webhooks et le traitement en arrière-plan avec Inngest.
seo-handler
Optimiser le SEO Next.js avec Sitemaps et Métadonnées
La visibilité dans les moteurs de recherche est cruciale pour les applications web, mais la mise en œuvre d'un SEO approprié nécessite des connaissances en sitemaps, métadonnées et données structurées. Cette compétence fournit des modèles SEO Next.js complets pour les sitemaps, les balises OpenGraph, les schémas JSON-LD et la configuration robots.txt.
s3-upload-handler
Mettre en place des uploads de fichiers AWS S3 avec des patterns prêts à l'emploi
Créer des uploads de fichiers sécurisés vers AWS S3 nécessite de comprendre les URLs pré-signées, les SDK clients et le traitement côté serveur. Cette skill fournit une documentation complète avec des composants UI, des utilitaires client et des patterns serveur pour implémenter rapidement des uploads S3 prêts pour la production.
replicate-handler
Intégrer des modèles IA Replicate dans vos projets
L'exécution de modèles d'apprentissage automatique en production nécessite une intégration d'API fiable et une gestion appropriée des tâches de longue durée. Cette compétence fournit des patterns TypeScript pour l'intégration de Replicate IA avec prise en charge des exécutions rapides et asynchrones de modèles.
plate-handler
Ajouter des éditeurs de texte riche Plate.js aux applications React
Construire des éditeurs de texte riche à partir de zéro est complexe et chronophage. Cette compétence fournit des instructions étape par étape pour implémenter des éditeurs Plate.js, des simples entrées de commentaires aux éditeurs de documents complets avec titres, listes et support des médias.
plans-handler
Gérer les plans d'abonnement et les tarifs
La gestion des plans d'abonnement et des quotas entre la base de données, la validation et les couches UI est sujette aux erreurs et prend du temps. Cette compétence fournit un flux de travail structuré pour ajouter des fonctionnalités de plan, mettre à jour les limites et créer des pages de tarifs cohérentes.
logo-generator
Générez des logos professionnels avec l’IA
Créer des logos exige des compétences en design et des logiciels coûteux. Cette compétence utilise l’IA pour générer des logos personnalisés à partir d’invites textuelles et supprimer automatiquement les arrière-plans pour des résultats transparents et professionnels.
page-builder
Créer des pages de destination avec les composants Tailark UI
Créer des pages marketing à partir de zéro prend trop de temps. Cette compétence fournit des recommandations sélectionnées pour des composants Tailark pré-construits organisés par type de page, vous aidant à assembler des pages de destination professionnelles en quelques minutes.
inngest-handler
Créer des workflows Inngest pour les tâches de fond
La construction de tâches de fond fiables et de tâches planifiées est complexe. Cette compétence fournit des modèles et des bonnes pratiques pour les workflows Inngest avec exécution durable, retries automatiques et architecture pilotée par les événements.
generate-assets
Générer des images IA pour des composants web
Créer des éléments visuels pour des sites web prend du temps et des compétences en design. Cette skill utilise FLUX 1.1 Pro AI pour générer des sections hero, des images de fonctionnalité et des graphismes d’UI avec amélioration automatique. Les images sont optimisées en WebP et enregistrées directement dans votre projet.
form-creator
Créer des formulaires avec validation et APIs CRUD
La construction de formulaires et d'APIs nécessite des modèles cohérents pour la validation, la sécurité des types et la gestion des erreurs. Cette compétence fournit des modèles prêts à l'emploi pour les schémas Zod, les composants de formulaires React et les routes d'API RESTful pour une livraison plus rapide.
env-handler
Gérer les variables d'environnement en toute sécurité
Des variables d'environnement mal gérées peuvent entraîner des fuites d'identifiants et des violations de sécurité. Cette compétence fournit des directives claires pour séparer les modèles publics des secrets privés, garantissant que les données sensibles n'entrent jamais dans le contrôle de version.
email-handler
Créer des e-mails transactionnels avec React Email
La création d'e-mails transactionnels responsifs à partir de zéro est longue et sujette aux erreurs. Cette skill fournit des modèles clairs et des exemples pour créer des e-mails HTML professionnels utilisant les composants React Email et un système de mise en page cohérent.
docs-creator
Créer des pages de documentation Fumadocs
La création de documentation technique nécessite une structure et un routage cohérents. Cette compétence vous aide à créer des pages de documentation MDX bien organisées avec Fumadocs, en gérant automatiquement le frontmatter, les métadonnées de navigation et l'intégration des icônes.
db-handler
Gérer des bases de données SQLite avec des requêtes en langage naturel
Les opérations de base de données exigent une syntaxe SQL complexe et une gestion des connexions. Cette compétence traduit les demandes en langage naturel en opérations SQLite pour une interaction fluide avec les données.
credits-handler
Implémenter un système de crédits pour les applications IA
Construire un système de crédits à partir de zéro est complexe et source d'erreurs. Cette compétence fournit des patterns prêts à l'emploi pour configurer les types de crédits, les tranches de prix, et des hooks React pour l'achat et l'affichage du solde.
copywriter
Rédiger du copywriting marketing à forte conversion
Un copywriting marketing qui ne convertit pas fait perdre du temps et de l’argent. Cette compétence fournit des modèles et principes de copywriting éprouvés pour écrire un texte clair, convaincant et orienté action pour les pages d’atterrissage, emails et campagnes.
blog-creator
Créer des articles de blog MDX optimisés pour le SEO
La création d’articles de blog optimisés pour le SEO requiert un formatage, des métadonnées et une structure appropriés. Cette compétence fournit des directives claires pour créer des articles de blog MDX avec un frontmatter, des tags et une gestion des images corrects afin d’optimiser la visibilité dans les moteurs de recherche.
auth-handler
Gérer l'authentification Next.js avec NextAuth v5
L'implémentation de l'authentification peut être complexe et sujette aux erreurs, entraînant des vulnérabilités de sécurité. Cette compétence fournit des directives claires pour implémenter une authentification sécurisée, une autorisation et une gestion de session dans les applications Next.js utilisant NextAuth v5 avec des modèles de protection en profondeur.
asset-creator
Générez des images personnalisées avec l'intégration DALL-E alimentée par l'IA
Arrêtez de chercher des photos libres de droits. Créez des visuels uniques et cohérents avec votre marque instantanément grâce à la génération d'images par IA. Cette compétence intègre DALL-E 3 pour produire des ressources de haute qualité adaptées à vos spécifications exactes.
ai-sdk-handler
Créer des applications IA avec Vercel AI SDK
La création d'applications alimentées par l'IA nécessite une intégration complexe de LLM, de streaming et de gestion d'état. Cette compétence fournit des conseils complets pour implémenter des chatbots, des sorties structurées, une interface utilisateur générative et des flux de travail d'agent utilisant le Vercel AI SDK dans les applications Next.js.
ai-handler
Intégrer Replicate AI avec des tâches en arrière-plan
Construire des intégrations d'IA à partir de zéro est complexe et sujet aux erreurs. Cette compétence fournit des modèles prêts pour la production pour gérer les prédictions d'IA de longue durée, stocker les résultats de manière fiable et gérer les crédits utilisateur en toute sécurité.