Server Components Pattern
À propos
Cette compétence impose un modèle Server-First pour Next.js 16, en rendant obligatoire l'utilisation de Composants Serveur pour toutes les pages et widgets afin d'optimiser la récupération des données, le SEO et les performances. Elle fournit un arbre de décision pour déterminer quand utiliser les Composants Serveur par opposition aux Composants Client, en mettant l'accent sur l'accès direct aux données et la réduction du JavaScript côté client. Utilisez-la lors de la création de composants, de pages, ou lorsque les discussions portent sur le chargement, la récupération de données ou le SSR.
Installation rapide
Claude Code
Recommandénpx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/Server Components PatternCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Frequently asked questions
What is the Server Components Pattern skill?
Server Components Pattern is a Claude Skill by mattnigh. Skills package instructions and resources that Claude loads on demand, so Claude can perform Server Components Pattern-related tasks without extra prompting.
How do I install Server Components Pattern?
Use the install commands on this page: add Server Components Pattern to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does Server Components Pattern belong to?
Server Components Pattern is in the Development category, tagged data.
Is Server Components Pattern free to use?
Yes. Server Components Pattern is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Compétences associées
qmd est un outil CLI de recherche et d'indexation locale qui permet aux développeurs d'indexer et de rechercher dans des fichiers locaux en utilisant une recherche hybride combinant BM25, des embeddings vectoriels et du reranking. Il prend en charge à la fois une utilisation en ligne de commande et un mode MCP (Model Context Protocol) pour l'intégration avec Claude. L'outil utilise Ollama pour les embeddings et stocke les index localement, ce qui le rend idéal pour rechercher dans de la documentation ou des bases de code directement depuis le terminal.
Cette compétence exécute des plans de mise en œuvre en déployant un nouveau sous-agent pour chaque tâche indépendante, avec une revue de code entre les tâches. Elle permet une itération rapide tout en maintenant des contrôles de qualité grâce à ce processus de revue. Utilisez-la lorsque vous travaillez sur des tâches principalement indépendantes au sein d'une même session pour assurer une progression continue avec des vérifications de qualité intégrées.
La compétence mcporter permet aux développeurs de gérer et d'appeler des serveurs Model Context Protocol (MCP) directement depuis Claude. Elle fournit des commandes pour lister les serveurs disponibles, appeler leurs outils avec des arguments, et gérer l'authentification ainsi que le cycle de vie du démon. Utilisez cette compétence pour intégrer et tester les fonctionnalités des serveurs MCP dans votre flux de travail de développement.
Cette compétence déploie et orchestre des agents Vertex AI ADK en utilisant le protocole A2A, gérant la découverte d'AgentCard, la soumission de tâches, et prenant en charge des outils tels que le bac à sable d'exécution de code et la banque de mémoire. Elle permet de construire des systèmes multi-agents avec des modèles d'orchestration séquentiels, parallèles ou en boucle en Python, Java ou Go. Utilisez-la lorsqu'on vous demande de déployer des agents ADK ou d'orchestrer des flux de travail d'agents sur Google Cloud.