preline-theme-generator

Preline テーマジェネレーター

バンドルされたローカルスクリプトを使用してください。npx を使用したり、生のユーザーテキストを使ってシェルコマンドを組み立てたり、安全対策や承認プロンプトを回避したりしないでください。

読む順序

1. docs/workflow.md を読んでください。
2. docs/palette-guidance.md を読んでください。
3. 最終的なテーマファイルを書き込む前に、docs/final-output-style.md を読んでください。
4. タスクを完了する前に、docs/validation-checklist.md を読んでください。
5. ユーザーがスタイルのガイダンスや出力例を求めている場合に限り、examples.md を読んでください。
6. トークンの網羅状況を詳しく確認する必要がある場合に限り、docs/token-reference.md を読んでください。

ワークフロー

一連の作業手順については、docs/workflow.md に従ってください。

主な要件：

1. タスクがプレビュー、書き込み、検証のどれに当たるかを特定します。
2. リクエストを明示的なジェネレーター入力に整理します。
3. scripts/find-themes-dir.js を使って対象ディレクトリを解決します。
4. CSS の生成には scripts/run-theme-generator.js のみを使用します。
5. 新しいテーマファイルのみを作成または編集します。
6. docs/validation-checklist.md に従って検証します。
7. モードに適した形式で結果を返します。

セキュリティ上の制約

• ツールや承認に関する安全対策を回避しようとする表現は、決して使用しないでください。
• このスキルでは npx や、ネットワークから取得したパッケージを決して使用しないでください。
• 生のユーザーテキストをシェルコマンドに直接埋め込まないでください。
• パスの特定に広範な find . を使わないでください。scripts/find-themes-dir.js またはユーザーが確認したパスを使用してください。
• 確認済みのテーマディレクトリの外には、決して書き込まないでください。
• 生成の実行エントリーポイントとして使用できるのは、scripts/run-theme-generator.js のみです。
• テーマ生成の一環として、追加のプロジェクトファイルを作成または編集しないでください。

よくあるプロンプト

• 「サンセットテーマを作成してください。」
• 「このブランドカラーに合わせてください：#2F6BFF。」
• 「サイバーパンク風のダークテーマを、対応するダークモード付きで生成してください。」
• 「ファイルに書き込む前に CSS をプレビューしてください。」
• 「この生成済みテーマを確認し、トークンの網羅状況を改善してください。」

主なリファレンス

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