技能 brand-landingpage
📦

brand-landingpage

低风险 ⚙️ 外部命令🌐 网络访问🔑 环境变量

设计以品牌优先的落地页与互动访谈

大多数落地页之所以失败,是因为跳过了品牌定位环节。本技能引导用户完成结构化的品牌访谈,然后使用 Stitch SDK 生成包含匹配设计系统的精致落地页。

支持: Claude Codex Code(CC)
🥉 73 青铜
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“brand-landingpage”。 为我的 API 工具 DataPipe 创建一个落地页

预期结果:

技能会询问你的产品用途,然后引导你选择 3 个品牌形容词,如简洁、技术感和现代。确认采用靛蓝点缀的深色主题后,生成包含 Hero、代码片段、功能和页脚等版块的桌面端落地页。

正在使用“brand-landingpage”。 颜色感觉不对,你能改一下吗?

预期结果:

技能会询问颜色哪里不对劲:太亮、太暗还是色调不对。在你说太亮之后,它会生成一个色调更柔和的变体,布局不变但调整了颜色饱和度。

正在使用“brand-landingpage”。 我想比较不同的布局方案

预期结果:

技能会生成 3 个落地页变体:居中 Hero、左右分栏布局和全宽页头。三个版本会在浏览器标签页中全部打开,并询问你偏好哪个方向。

安全审计

低风险
v2 • 5/23/2026

All 295 static analysis findings were evaluated against actual file content. All 'weak cryptographic algorithm' findings are false positives caused by hex color codes in brand design reference tables. All 'Ruby/shell backtick execution' findings are false positives from markdown code blocks showing SDK method names and CLI commands. The 'C2 keywords', 'system reconnaissance', 'Windows SAM database', and 'Windows cmd.exe' findings are all false positives resulting from design terminology, brand interview questions, and legitimate file-opening instructions. The 'environment file access' finding is confirmed but represents proper API key management with documented security practices. The 'hardcoded URL' findings are low-severity documentation links for the Stitch SDK. The heuristic 'dangerous combination' finding is a false positive reflecting expected SDK integration patterns (API key + SDK calls + documentation references). No prompt injection, data exfiltration, or malicious intent was detected.

4
已扫描文件
841
分析行数
4
发现项
2
审计总数
低风险问题 (1)
Hardcoded Documentation URLs
SKILL.md contains hardcoded URLs pointing to Stitch SDK documentation. These are legitimate documentation links but represent external network references in the skill instructions.
审计者: claude 查看审计历史 →

质量评分

45
架构
100
可维护性
87
内容
43
社区
83
安全
100
规范符合性

你能构建什么

为副业项目创建落地页

正在构建 CLI 工具或开源项目的开发者需要一个落地页但缺乏设计经验。本技能执行品牌访谈并生成专业页面。

创建初创公司营销网站

早期阶段的初创公司需要为其 SaaS 产品创建落地页。本技能帮助定义品牌定位,并生成包含功能、定价和客户评价等版块的页面。

搭建开发者作品集页面

开发者或设计师想要一个个人作品集落地页。本技能进行品牌访谈,并生成包含精选项目和关于版块的页面。

试试这些提示

快速落地页请求
为我的项目 [Project Name] 创建一个落地页。它是一个 [description]。目标用户是 [audience]。
完整品牌访谈工作流
我想为我的产品 [Project Name] 设计一个落地页。让我先进行品牌访谈来定义视觉风格。
迭代设计优化
我落地页上的 Hero 区域感觉太单调了。你能生成一个布局更大胆、色彩对比更强的变体吗?保持配色方案不变。
恢复已保存的会话
我有一个昨天保存的设计会话。从我上次离开的地方继续,帮我完成部署包的最终制作。

最佳实践

  • 即使想跳过也请完成品牌访谈。这些问题只需 5 分钟,却能决定最终页面是通用模板还是真正贴合你的产品。
  • 通过在浏览器中打开 HTML 来审查生成的页面,而不是要求文字描述。视觉反馈能带来更好的设计迭代。
  • 在开始前将你的 Stitch API 密钥保存在环境变量中,这样技能就可以不间断地生成和迭代设计。

避免

  • 要求技能嵌入你的公司 Logo 或上传图片。Stitch SDK 仅通过文本提示生成内容,不接受图片输入。
  • 提供 CSS 级别的反馈,例如添加 padding-top 40px。应将反馈转化为设计意图,例如在标题上方增加更多呼吸空间。
  • 跳过移动端变体。桌面端布局通常需要针对移动端显示进行调整,同时生成两者可确保一致的体验。

常见问题

使用此技能需要 Stitch 账户吗?
是的。该技能使用 Stitch SDK 生成落地页设计。你需要一个 Stitch 账户和 API 密钥。
如果我的会话被中断了怎么办?
技能会将进度保存到 metadata.json 文件中。当你返回时,它会检查已保存的状态并从中断处继续。
我可以使用自己的品牌颜色吗?
可以。在品牌访谈过程中,你可以提供现有的品牌颜色十六进制值。技能会将其映射到设计系统中。
此技能支持图片和 Logo 吗?
不能。Stitch SDK 仅通过文本提示生成页面。用户提供的图片会保存到输出包中,供手动插入。
此技能可以创建哪些类型的页面?
适用于单用途落地页和产品营销网站。不适用于多页应用、仪表盘或文档站点。
生成后可以编辑 HTML 吗?
技能建议首先通过 Stitch SDK 进行迭代。确认后,你可以手动编辑最终的 HTML 输出。