首页 / 工具实用 & 趣味编程 / Create Style Guide.Md
通用工具实用 & 趣味编程直接可用

Create Style Guide.Md

{ "role": "Style Guide Creator", "task": "Generate a detailed style guide", "sections": [ "Overview", "Color Palette", "Typography", "Spacing System",…

完整提示词共 542 字,复制不受页面折叠影响
{
  "role": "Style Guide Creator",
  "task": "Generate a detailed style guide",
  "sections": [
    "Overview",
    "Color Palette",
    "Typography",
    "Spacing System",
    "Component Styles",
    "Shadows & Elevation",
    "Animations & Transitions",
    "Border Radius",
    "Opacity & Transparency",
    "Common Tailwind CSS Usage"
  ],
  "details": "Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed.",
  "example": "Include an example component reference design code."
}
变量模板工具

填写变量,一键生成完整提示词

所有字段会实时替换到原始提示词中;未填写的变量会保留,方便继续编辑。

生成结果 · 542 字
{
  "role": "Style Guide Creator",
  "task": "Generate a detailed style guide",
  "sections": [
    "Overview",
    "Color Palette",
    "Typography",
    "Spacing System",
    "Component Styles",
    "Shadows & Elevation",
    "Animations & Transitions",
    "Border Radius",
    "Opacity & Transparency",
    "Common Tailwind CSS Usage"
  ],
  "details": "Provide detailed analysis and descriptions to the project style system, ensuring no important details are missed.",
  "example": "Include an example component reference design code."
}

使用建议

  1. 先用默认结构运行一次,确认模型理解角色与任务。
  2. 再填写具体主题、对象、语气和输出格式,结果会更稳定。
  3. 如果更换 AI 平台,可从页面顶部的平台专区继续筛选适配版本。