Notre avis
Ajoute une nouvelle compétence au composant React SkillsSection en insérant un objet JSX correctement formaté dans le tableau skills.
Points forts
- Impose un formatage cohérent avec les entrées existantes
- Utilise des fragments JSX et des classes appropriées pour mettre en évidence les noms de compétences
- Maintient un ton professionnel à la première personne
- Cible précisément le bon fichier et le bon point d'insertion
Limites
- Ne s'applique qu'au fichier spécifique SkillsSection.jsx
- Dépend du modèle existant, qui peut changer
- Ne gère pas l'ajout de plusieurs entrées à la fois
Lorsque vous avez besoin d'ajouter une seule nouvelle compétence à la section compétences d'un site portfolio ou CV basé sur React.
Lorsque vous devez restructurer le composant des compétences, modifier la conception globale ou insérer en masse de nombreuses entrées avec des formats différents.
Analyse de sécurité
SûrThe skill instructs the AI to modify a specific file by appending a new JSX object, with no dangerous commands, exfiltration, or disabling of safety features. It is a low-risk file editing task.
Aucun point d'attention détecté
Exemples
Add a new skill entry for React to the skills array in SkillsSection.jsx.Insert 'TypeScript' as a skill in the SkillsSection component following the existing pattern.Update the skills array to include a new skill for Docker, using the same JSX format as the other entries.Add a new skill entry to the skills array in src/components/sections/SkillsSection.jsx.
The skill to add: $ARGUMENTS
Follow the exact pattern used by existing entries:
{
name: "Skill Name",
description: (<>Description text with <span className="font-semibold dark:text-white">Skill Name</span> highlighted on first mention. Additional detail about experience and usage.</>)
}
Rules:
- Bold the skill name on first mention using
<span className="font-semibold dark:text-white">Skill Name</span> - Bold other technology names mentioned using the same span pattern
- Write 2-4 sentences in a first-person professional tone matching existing entries
- Use JSX fragment syntax (
<>...</>) for the description value - Add the new entry at the end of the
skillsarray, before the closing] - Do not modify any existing entries
Expert Next.js App Router
Developpement
Un skill qui transforme Claude en expert Next.js App Router.
Générateur de README
Developpement
Crée des README.md professionnels et complets pour vos projets.
Rédacteur de Documentation API
Developpement
Génère de la documentation API complète au format OpenAPI/Swagger.