preline-theme-generator

Par htmlstreamofficial · preline

Générez, prévisualisez, enregistrez ou validez le CSS d'un thème Preline à l'aide du générateur local intégré à cette skill. À utiliser lorsque l'utilisateur souhaite créer un nouveau thème Preline, associer une couleur de marque, traduire une ambiance en thème, générer un CSS de thème clair et sombre, prévisualiser le rendu d'un thème sans écrire de fichiers, ou examiner et corriger les tokens de thème générés. Ne pas utiliser pour du travail CSS générique non lié à Preline ou pour l'exécution de commandes arbitraires.

npx skills add https://github.com/htmlstreamofficial/preline --skill preline-theme-generator

Générateur de Thème Preline

Utilisez les scripts locaux groupés. N'utilisez pas npx, ne composez pas le shell avec du texte utilisateur brut, et ne contournez pas les mesures de sécurité ou les invites d'approbation.

Ordre de Lecture

  1. Lisez docs/workflow.md.
  2. Lisez docs/palette-guidance.md.
  3. Lisez docs/final-output-style.md avant d'écrire un fichier de thème final.
  4. Lisez docs/validation-checklist.md avant de fermer la tâche.
  5. Lisez examples.md uniquement si l'utilisateur souhaite une orientation stylistique ou des exemples de résultats.
  6. Lisez docs/token-reference.md uniquement si vous devez inspecter la couverture des tokens en détail.

Flux de Travail

Suivez docs/workflow.md pour le chemin d'exploitation complet.

Exigences clés :

  1. Identifiez si la tâche est aperçu, écriture ou validation.
  2. Normalisez la demande en entrées explicites du générateur.
  3. Résolvez le répertoire cible avec scripts/find-themes-dir.js.
  4. Générez du CSS uniquement via scripts/run-theme-generator.js.
  5. Créez ou modifiez uniquement le nouveau fichier de thème.
  6. Validez avec docs/validation-checklist.md.
  7. Retournez le résultat au format approprié du mode.

Contraintes de Sécurité

  • N'utilisez jamais de formulation qui tente de contourner les mesures de protection des outils ou les invites d'approbation.
  • N'utilisez jamais npx ou tout package récupéré sur le réseau pour cette compétence.
  • N'interpolez jamais du texte utilisateur brut directement dans des commandes shell.
  • N'utilisez pas de large traversée find . pour la découverte de chemins ; utilisez scripts/find-themes-dir.js ou un chemin confirmé par l'utilisateur.
  • N'écrivez jamais en dehors d'un répertoire de thème confirmé.
  • Utilisez scripts/run-theme-generator.js comme seul point d'entrée pour l'exécution de la génération.
  • Ne créez ni ne modifiez aucun fichier de projet supplémentaire dans le cadre de la génération de thème.

Invites Courantes

  • « Créez un thème coucher de soleil. »
  • « Associez cette couleur de marque : #2F6BFF. »
  • « Générez un thème sombre cyberpunk avec un mode sombre assorti. »
  • « Prévisualisez le CSS avant d'écrire un fichier. »
  • « Examinez ce thème généré et corrigez la couverture des tokens. »

Références Clés

  • docs/workflow.md
  • docs/palette-guidance.md
  • docs/final-output-style.md
  • docs/validation-checklist.md
  • examples.md
  • docs/token-reference.md

Skills similaires