preline-theme-generator

仓库创建 2022年5月15日最近提交 2 个月前SkillHot 收录 23 天前

▸ 精选理由

可快速从品牌色或情感描述生成可预览主题，便于前端定制化工作流。

▸ 风险提示

运行本地生成脚本可能执行 shell 命令，请在受信环境并审查脚本后运行。

这个 Skill 做什么

使用内置本地脚本生成、预览和验证 Preline 主题的 CSS。

用仓库里自带的本地脚本生成、预览和验证 Preline 主题 CSS，可以生成明暗双色、匹配品牌色或把某种风格转成主题 token。适合需要产出可直接用在项目里的 Preline 主题、在不写文件的情况下预览效果或校验生成的 token。流程会走内置验证清单和安全脚本，不会执行随意 shell 命令，结果可复现且更可靠。

▸ 展开 SKILL.md 英文原文

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.

开发编程主题生成CSS预览通用

6.4k

Stars

414

Forks

仓库内 Skill

+18

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/htmlstreamofficial/preline/main/skills/theme-generator/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/htmlstreamofficial/preline/main/skills/theme-generator/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# 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.

## Read Order

1. Read `docs/workflow.md`.
2. Read `docs/palette-guidance.md`.
3. Read `docs/final-output-style.md` before writing a final theme file.
4. Read `docs/validation-checklist.md` before closing the task.
5. Read `examples.md` only if the user wants stylistic guidance or sample outputs.
6. Read `docs/token-reference.md` only if you need to inspect token coverage in detail.

## Workflow

Follow `docs/workflow.md` for the full operating path.

Key requirements:

1. Identify whether the task is preview, write, or validate.

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有