htmlstreamofficial/preline-theme-generator
Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated theme tokens. Do not use for generic non-Preline CSS work or arbitrary command execution.
npx skills add https://github.com/htmlstreamofficial/preline --skill preline-theme-generator
Use the bundled local scripts. Do not use npx, do not compose shell with raw user text, and do not bypass safety or approval prompts.
docs/workflow.md.docs/palette-guidance.md.docs/final-output-style.md before writing a final theme file.docs/validation-checklist.md before closing the task.examples.md only if the user wants stylistic guidance or sample outputs.docs/token-reference.md only if you need to inspect token coverage in detail.Follow docs/workflow.md for the full operating path.
Key requirements:
scripts/find-themes-dir.js.scripts/run-theme-generator.js.docs/validation-checklist.md.npx or any network-fetched package for this skill.find . traversal for path discovery; use scripts/find-themes-dir.js or a user-confirmed path.scripts/run-theme-generator.js as the only execution entry point for generation.docs/workflow.mddocs/palette-guidance.mddocs/final-output-style.mddocs/validation-checklist.mdexamples.mddocs/token-reference.mdTake htmlstreamofficial/preline-theme-generator from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.