Compétences design-style-skill
🎨

design-style-skill

Sûr

Appliquer un système de design visuel aux diapositives PowerPoint

Un style incohérent rend les diapositives de présentation peu professionnelles et distrayantes. Cette compétence fournit quatre recettes de style de design prédéfinies avec des valeurs précises de rayon de coin et d'espacement, afin que chaque diapositive suive un système visuel unifié.

Prend en charge: Claude Codex Code(CC)
🥉 74 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "design-style-skill". J'ai besoin d'un style professionnel pour un rapport financier avec beaucoup de tableaux et de données.

Résultat attendu:

  • Style recommandé : Sharp & Compact
  • Rayon de coin - petit : 0 pouce (angles droits)
  • Rayon de coin - moyen : 0,03 pouce (micro-arrondi)
  • Rayon de coin - grand : 0,05 pouce (petit arrondi)
  • Espacement interne des éléments : 0,1 à 0,15 pouce
  • Espacement entre éléments : 0,1 à 0,2 pouce
  • Marge de page : 0,3 pouce
  • Espacement des blocs : 0,25 à 0,35 pouce
  • Ce style est idéal pour les mises en page denses en données comme les tableaux et les rapports financiers.

Utilisation de "design-style-skill". Quel rayon de coin dois-je utiliser pour les boutons dans le style Pill & Airy ?

Résultat attendu:

  • Pour les boutons et étiquettes de style Pill & Airy, utilisez rectRadius : 0,2 pouce.
  • Lorsque la hauteur du bouton est de 0,4 pouce, définissez rectRadius sur 0,2 pouce (hauteur divisée par 2) pour une forme capsule parfaite.
  • Pour les cartes et conteneurs de style Pill, utilisez rectRadius : 0,3 pouce.
  • Rappel : le rayon du conteneur extérieur doit toujours être supérieur ou égal au rayon de l'élément intérieur.

Audit de sécurité

Sûr
v1 • 4/16/2026

Static analyzer flagged 10 findings (6 high, 4 medium), but all are false positives. The "Ruby/shell backtick execution" detections point to markdown fenced code block delimiters (```javascript) wrapping JavaScript PptxGenJS examples, not actual shell commands. The "weak cryptographic algorithm" detections reference plain YAML frontmatter metadata fields. The SKILL.md file contains only design system reference documentation with tables of corner radius values, spacing tokens, typography guidelines, and code examples. No executable code, network calls, environment access, or security-sensitive operations are present.

1
Fichiers analysés
210
Lignes analysées
2
résultats
1
Total des audits
Problèmes à risque faible (2)
False Positive: Backtick Execution in Markdown
Static analyzer detected backtick characters at lines 112, 133, 141, and 149 as Ruby shell execution. These are actually markdown fenced code block delimiters (```javascript and ```) used to display JavaScript PptxGenJS code examples. No shell commands or external process invocation exists in this documentation-only file.
False Positive: Weak Cryptographic Algorithm
Static analyzer detected weak cryptographic algorithms at lines 2-7. These lines contain YAML frontmatter fields (name, description) with plain text about PPT design styles. No cryptographic operations or algorithms of any kind are present.
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Style de présentation d'entreprise

Appliquer le style Soft & Balanced à un deck de rapport d'activité trimestriel complet pour un aspect professionnel cohérent.

Deck de lancement de produit

Utiliser le style Pill & Airy pour créer une présentation de lancement de produit moderne et haut de gamme avec des boutons en forme de capsule et un espace blanc généreux.

Rapport de données avec mise en page Sharp

Appliquer le style Sharp & Compact à une présentation de données financières avec des tableaux denses et des formes rectangulaires précises pour un aspect sobre et orienté données.

Essayez ces prompts

Choisir un style de design pour ma présentation
Je crée une présentation de bilan trimestriel. Recommandez un style de design et fournissez les valeurs de rayon de coin et d'espacement que je dois utiliser dans toutes les diapositives.
Styler un composant carte
Je dois créer un composant carte dans PptxGenJS pour une vitrine produit. Donnez-moi les valeurs de rectRadius, de padding et d'espacement pour le style Rounded & Spacious.
Mélanger deux styles de design correctement
Ma présentation a une section d'en-tête Sharp & Compact et je veux que la zone de contenu soit plus détendue. Montrez-moi comment mélanger ces styles sans casser la règle du rayon de coin de l'extérieur vers l'intérieur.
Tokens de design de diapositive complets
Générez un ensemble complet de tokens de design pour une diapositive de style Pill & Airy : rayon de coin pour tous les types de composants, tailles de typographie, espacement des éléments, marges de page et espacement des blocs. Formattez comme un tableau de référence.

Bonnes pratiques

  • Utilisez toujours un seul style de design (Sharp, Soft, Rounded ou Pill) de manière cohérente sur toutes les diapositives d'une présentation.
  • Suivez la règle du rayon de coin de l'extérieur vers l'intérieur : les formes de conteneur doivent avoir un rectRadius égal ou supérieur aux formes à l'intérieur.
  • Adaptez le style à l'objectif de la présentation : Sharp pour les rapports de données, Soft pour les affaires, Rounded pour les démos produit, Pill pour les lancements de marque.

Éviter

  • Mélanger des valeurs de rayon de coin aléatoires sans suivre une recette de style prédéfinie, créant une incohérence visuelle.
  • Définir un rayon de coin d'élément intérieur plus grand que le rayon du conteneur extérieur, ce qui crée un effet de débordement visuel.
  • Utiliser le style Pill pour les présentations riches en données où la densité d'information compacte est plus importante que l'impact visuel.

Foire aux questions

Comment choisir le bon style de design pour ma présentation ?
Adaptez le style à votre type de présentation. Utilisez Sharp & Compact pour les rapports financiers et les tableaux de données. Utilisez Soft & Balanced pour les présentations d'affaires générales. Utilisez Rounded & Spacious pour les introductions de produits. Utilisez Pill & Airy pour les lancements de marque et les présentations haut de gamme.
Quelles unités PptxGenJS utilise-t-il pour les mesures ?
PptxGenJS utilise les pouces comme unité de mesure. La mise en page de diapositive standard 16:9 fait 10 pouces de large sur 5,625 pouces de haut. Toutes les valeurs de rayon de coin et d'espacement dans cette compétence sont spécifiées en pouces.
Puis-je mélanger différents styles sur la même diapositive ?
Oui, mais suivez la règle du rayon de l'extérieur vers l'intérieur. Le conteneur extérieur doit avoir un rayon de coin égal ou supérieur aux éléments à l'intérieur. Par exemple, utilisez des en-têtes Sharp avec des zones de contenu Soft, mais ne placez pas un bouton avec un rayon plus grand à l'intérieur d'une carte avec un rayon plus petit.
Comment créer un bouton parfaitement en forme de pilule ?
Définissez rectRadius à exactement la moitié de la hauteur de l'élément. Pour un bouton de 0,4 pouce de haut, définissez rectRadius à 0,2 pouce. Cela crée une forme capsule parfaite avec des extrémités semi-circulaires.
Quelles tailles de police dois-je utiliser pour différents éléments de texte ?
Utilisez ces plages : annotations à 10-12 points, corps de texte à 14-16 points, sous-titres à 18-22 points, titres à 28-36 points, grands titres à 44-60 points et mises en évidence de données à 60-96 points.
Quelle est la marge de page recommandée pour les présentations ?
Les marges de page dépendent de votre style choisi. Sharp utilise 0,3 pouce, Soft utilise 0,4 pouce, Rounded utilise 0,5 pouce et Pill utilise 0,6 pouce. Des marges plus larges créent une sensation plus ouverte et haut de gamme.

Détails du développeur

Structure de fichiers

📄 SKILL.md