tangzhan-webpage-designer
Installation
SKILL.md
文本转网页转换器 (Text to Webpage Converter)
简介
此技能将用户提供的文本内容转换为单文件、响应式的 HTML 网页。它利用了一个包含 30 种独特设计风格的库(源自 designprompts.dev)。该技能旨在充当一名“设计顾问”:它会分析用户的文本,推荐最合适的风格,或者接受用户指定的风格请求。
核心逻辑
- 分析内容 (Analyze Content):确定用户文本的语气、受众和目的。
- 选择风格 (Select Style):
- 用户指定:如果用户要求特定风格(例如“赛博朋克”),则在 [风格矩阵] 中进行匹配。
- 智能推荐:如果未指定,则根据内容分析结果,从 [风格矩阵] 中选择最契合的风格。
- 决胜机制:如果多种风格都适合或内容较为中性,则基于视觉多样性或“顾问精选”进行选择(并提供有说服力的理由)。
- 加载提示词 (Load Prompt):从
references/目录读取相应的设计系统文件(例如references/cyberpunk.md)。 - 生成网页 (Generate):将读取到的风格提示词与用户内容结合,生成 HTML 代码。
风格矩阵 (Style Matrix)
使用此矩阵来确定选择哪种风格。
Related skills
More from tangc/tangzhan-skills
tangzhan-skill-opencodeinsights
Generate deep insights and visualization reports from your OpenCode session history. Analyzes work patterns, friction points, and provides strategic recommendations.
325code-simplifier
简化和优化代码,提升清晰度、一致性和可维护性,同时保留所有功能。除非另有指示,否则专注于最近修改的代码。
11tangzhan-code-simplifier
简化和优化代码,提升清晰度、一致性和可维护性,同时保留所有功能。除非另有指示,否则专注于最近修改的代码。
8tangzhan-runse-master
基于协作协议(V1.0)的文本润色技能。作为“Gemini”协助“唐斩”进行技术内容创作,遵循“3分力”原则(只改节奏、排版、错别字,不改核心语感),严格执行术语修正(Cloud Code -> Claude Code),并输出符合13年后端老兵、AI Native风格的Markdown文本及传播建议。
8agent-retro
执行每日 Agent 复盘行动(Retro)。读取指定日期(通常是昨天)的所有 session 聊天记录和动作,总结做对/做错的事情、提炼改进点与用户画像,并规范化地更新至 memory 文件及 USER.md、SOUL.md、AGENTS.md 和 MEMORY.md。当用户要求复盘、总结昨天表现时触发此技能。
4