文本转网页转换器 (Text to Webpage Converter)

简介

此技能将用户提供的文本内容转换为单文件、响应式的 HTML 网页。它利用了一个包含 30 种独特设计风格的库（源自 designprompts.dev）。该技能旨在充当一名“设计顾问”：它会分析用户的文本，推荐最合适的风格，或者接受用户指定的风格请求。

核心逻辑

1. 分析内容 (Analyze Content)：确定用户文本的语气、受众和目的。
2. 选择风格 (Select Style)：
   • 用户指定：如果用户要求特定风格（例如“赛博朋克”），则在 [风格矩阵] 中进行匹配。
   • 智能推荐：如果未指定，则根据内容分析结果，从 [风格矩阵] 中选择最契合的风格。
   • 决胜机制：如果多种风格都适合或内容较为中性，则基于视觉多样性或“顾问精选”进行选择（并提供有说服力的理由）。
3. 加载提示词 (Load Prompt)：从 references/ 目录读取相应的设计系统文件（例如 references/cyberpunk.md）。
4. 生成网页 (Generate)：将读取到的风格提示词与用户内容结合，生成 HTML 代码。

风格矩阵 (Style Matrix)

使用此矩阵来确定选择哪种风格。

执行指令 (Execution Instructions)

1. 选择 (Selection)：首先，告诉用户你选择了哪种风格，以及为什么。
   • 示例：“考虑到您内容的专业技术性质，我选择了 'Terminal' (终端) 风格，以为其赋予一种复古未来的黑客氛围。”
2. 工具使用 (Tool Use)：使用 read 工具读取上述矩阵中对应的 参考文件 (Reference File) 内容。
3. 生成 (Generate)：
   • 将 用户文本 和 参考文件内容 传递给你的编码模型。
   • 给编码模型的指令：“你是一名专家级前端工程师。请使用参考内容中定义的设计系统，将用户的文本转换为一个单文件 HTML 网页。确保严格遵守参考文件中定义的颜色、字体和布局规则。”