Ajout d'une compétence

VérifiéSûr

Compétence pour ajouter une entrée de compétence à un tableau JSX en suivant un motif spécifique.

Spar Skills Guide Bot
DeveloppementDébutant
1024/07/2026
Claude CodeCursorWindsurfCopilot
#react#jsx#component-modification#skills-section

Recommandé pour

Notre avis

Ajoute une nouvelle entrée de compétence dans le tableau `skills` du composant React SkillsSection.

Points forts

  • Suit un modèle cohérent et facile à reproduire.
  • Utilise JSX et des classes CSS pour un rendu professionnel.
  • Permet d'étendre une liste de compétences existante sans casser le code.

Limites

  • Ne fonctionne que pour ce composant spécifique.
  • Nécessite une compréhension de base de JSX et des fragments.
  • Le formatage du nom de la compétence est imposé.
Quand l'utiliser

Lorsque vous devez ajouter une nouvelle compétence à une section de compétences React existante.

Quand l'éviter

Si vous utilisez une structure de données différente ou un framework non basé sur JSX.

Analyse de sécurité

Sûr
Score qualité85/100

The skill only modifies a local source file by adding a predefined code snippet; it does not involve network access, command execution, or dangerous operations. The use of $ARGUMENTS is for content insertion, not for arbitrary code execution.

Aucun point d'attention détecté

Exemples

Add Python skill
Add a new skill entry for Python to the skills array in src/components/sections/SkillsSection.jsx. Follow the pattern: name: 'Python', description: (<>...with bold Python on first mention...</>).
Add Docker skill
Insert a new skill entry for Docker into the SkillsSection component. Use the existing JSX fragment format and bold 'Docker' on first mention.

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 skills array, before the closing ]
  • Do not modify any existing entries
Skills similaires