技能 landing-page-design

📦

landing-page-design

Name: landing-page-design
Author: 2389-research

内容修订 r1 安全 ⚙️ 外部命令

设计独具特色的落地页

千篇一律的落地页无法赢得信任或注意力。此技能指导 Claude、Codex 和 Claude Code 完成探索、结构设计、视觉方向、动画以及以转化为导向的打磨。

支持: Claude Codex Code(CC)

🥉 79 青铜

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "landing-page-design" from https://skillstore.io/skills/2389-research-landing-page-design.md and its manifest at https://skillstore.io/api/skills/2389-research-landing-page-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/2389-research-landing-page-design.md 已签名 manifest GET /api/skills/2389-research-landing-page-design/manifest 已签名 lockfile GET /api/skills/2389-research-landing-page-design/lockfile

测试它

正在使用“landing-page-design”。一位创始人想为一个注重隐私的分析产品制作落地页。

预期结果:

一个命名的视觉方向、配色方案、字体搭配、hero 方案、区块顺序、动效风格和转化检查清单。

正在使用“landing-page-design”。一位营销人员希望营销活动页面避免通用的 AI 设计模式。

预期结果:

一份修订后的创意简报，包含反模式、有特色的灵感来源、更强的区块提示词，以及给 AI agent 的打磨任务。

正在使用“landing-page-design”。一位开发者有一个草稿页面，但在移动端感觉平淡。

预期结果:

一份按优先级排列的设计评审，涵盖层级、间距、响应式行为、图片使用、动画克制和 CTA 位置。

安全审计

安全

v6 • 2026/7/6 打开版本化报告

All 31 static findings are false positives caused by Markdown code fences, inline animation labels, and design checklist wording. No executable scripts, shell commands, network access, data exfiltration, or prompt injection intent were found in SKILL.md.

已扫描文件

431

分析行数

复核项

已忽略误报

最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/2389-research-landing-page-design/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/2389-research-landing-page-design/security.svg)](https://skillstore.io/skills/2389-research-landing-page-design?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/2389-research-landing-page-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/2389-research-landing-page-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/2389-research-landing-page-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学术引用 (APA · BibTeX · CFF)

APA 引用

2389-research. (2026). landing-page-design security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/2389-research-landing-page-design/audits/6

BibTeX 引用

@techreport{2389-research-2389-research-landing-page-design-2026,
  author = {2389-research},
  title = {landing-page-design security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/2389-research-landing-page-design/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "landing-page-design security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "2389-research"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/2389-research-landing-page-design/audits/6"
identifiers:
  - type: other
    value: "skillstore:2389-research-landing-page-design:audit:6"
    description: "Skillstore immutable audit report identifier"

比较变体

3 个可安装变体

每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。

为什么此变体排名第一

Skillstore 评分最高

作者 / 来源 Skillstore 评分证据置信度 Skillstore 使用量已更新

2389-research 推荐当前

2389-research-landing-page-design

Skillstore 评分 79

证据置信度高

Skillstore 使用量 91

已更新

2026-10-13

101-skills

101-skills-landing-page-design

Skillstore 评分 50

证据置信度中

Skillstore 使用量 36

已更新

2026-10-12

halt-catch-fire

halt-catch-fire-landing-page-design

Skillstore 评分 50

证据置信度中

Skillstore 使用量 28

已更新

2026-09-09

Skillstore 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

发布 SaaS 首页

创建一个重点明确的落地页，包含强有力的 hero、清晰的价值主张、社会证明和转化区块。

更新营销活动页面

使用氛围探索和区块提示词，让营销活动页面更有特色，并与品牌目标保持一致。

指导 AI 页面构建

指导 Claude、Codex 或 Claude Code 为单页网站做出布局、排版、动效和打磨决策。

试试这些提示

开始氛围探索

Use the landing page design skill. Ask me the required vibe discovery questions before writing any code.

构建页面结构

Create a landing page plan for this product. Include hero, benefits, social proof, how it works, CTA, and footer sections.

强化视觉方向

Review this landing page direction. Make the color palette, typography, layout, and motion more distinctive while keeping the conversion goal clear.

打磨生产草稿

Audit this landing page for responsive layout, image quality, animation performance, color contrast, hierarchy, and CTA clarity. Return prioritized fixes.

最佳实践

用具体的地点、情绪和反模式回答氛围探索问题。
在 hero 区块上投入更多时间，因为它会塑造整个页面方向。
发布前检查移动端布局、对比度、图片、动画性能和 CTA 清晰度。

避免

在定义视觉方向和转化目标之前就开始写代码。
没有明确理由就使用默认字体、通用渐变或重复布局。
添加会分散用户对主要操作注意力的装饰性动效或视觉元素。

常见问题

这个技能可以帮助创建哪些类型的页面？

它帮助创建用于产品、发布、SaaS 首页、营销活动和以转化为重点的网站的单页落地页。

它会编写生产代码吗？

它指导 AI agent 完成规划、设计方向、区块提示词和质量检查。代码生成取决于当前使用的 agent。

它可以与 Claude、Codex 和 Claude Code 配合使用吗？

是的。报告列出了对 Claude、Codex 和 Claude Code 的支持。

它需要品牌指南吗？

不需要。它可以从简单的背景问题开始，但更完整的品牌细节会提升结果质量。

它与通用落地页提示词有什么不同？

它要求提供命名的氛围、具体的灵感来源、反模式、区块结构、动画选择和质量检查清单。

它能保证更高的转化率吗？

不能。它可以改进设计和结构，但转化取决于产品主张、受众、流量质量和测试。

开发者详情

作者

2389-research

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/2389-research/claude-plugins/tree/main/landing-page-design/skills

引用

c1fdca50ff516318f65fed0d7f9e82797c5171dc

维护新鲜度

2026/7/20

使用量

37 次下载 · 257 次浏览

文件结构

📄 SKILL.md

2389-research 的更多技能

查看全部

📦

fresh-eyes-review

提交前审查代码

当团队过快信任最终变更时，就会发布缺陷。此技能会添加一次聚焦的提交前审查，覆盖安全、逻辑、业务规则和性能。

编码与开发查看

📦

css-development-create-component

创建经过测试的 CSS 组件

团队经常添加 CSS 组件，但缺少一致的命名、深色模式或测试。此技能会指导复用、Tailwind 组合、文档编写和验证。

编码与开发查看

📦

css-development

构建一致的 CSS 组件

CSS 样式经常在组件和实用类之间逐渐偏离一致性。此技能指导语义化类创建、Tailwind 组合、深色模式覆盖、测试和重构。

编码与开发查看

📦

using-xtool

使用 xtool 构建 iOS 应用

SwiftPM iOS 项目在没有 Xcode 的情况下可能难以配置。此技能提供 xtool 项目设置、扩展、资源、entitlement 和故障排除指导。

编码与开发查看

📦

firebase-development-project-setup

使用防护措施初始化 Firebase 项目

新的 Firebase 项目通常会遗漏模拟器设置、安全规则和架构决策。此技能会引导 Claude、Codex 或 Claude Code 完成结构化的 Firebase 项目设置工作流。

DevOps 与基础设施查看

📦

css-development-refactor

将 CSS 重构为语义化组件

重复的工具类和内联样式会让前端代码更难维护。此技能通过带测试的语义化 CSS 重构来指导 Claude、Codex 和 Claude Code。

编码与开发查看

查看全部

📦

ui-styling

Build Accessible Tailwind Interfaces

由 nextlevelbuilder

Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.

设计与创意查看

📦