流光工作室落地页v1.0.3
使用这个 Skill：制作网页/单页站/仪表盘。
5.046 次下载1 次喜欢1 次收藏
$4.99
购买这个 Skill 能获得什么？一张明亮、具体的工作室官网，用证据来推销手艺：安静居中的 Hero，只在关键词上用一道青到蓝的渐变；随后是精选作品，每个项目都把客户所在场景的照片和工作室所做产品的浏览器窗口并排展示。十字网格上的客户评价、六张服务卡片、价格透明的清晰流程、团队、FAQ，以及一块带可用询价表单的深色联系面板，构成完整的页面。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 完整的工作室单页网站，打包成一个自包含的 HTML 文件，离线即可打开；案例详情和法律条款以弹窗打开，而不是单独页面
- Recent Work 作品区带分类筛选和计数、作品档案列表，案例弹窗展示需求、交付内容、三项数据和客户评价
- 六张服务卡片、带周期的流程步骤、带价格的合作方式、团队、FAQ，以及会校验并给出成功摘要的询价表单
适合
- 用精选作品和客户背书推销手艺的设计与开发工作室、自由职业者和小型咨询团队
- 要更新“雇用我们”页面，需要真实项目数据、价格和清晰联系方式的团队
- 想要一张可直接分享的明亮页面，或在自己的 Next.js、Vue、Svelte 或 Astro 项目里实现同一设计的团队
不适合
- 以功能网格和套餐表为核心的 SaaS 产品页，更适合用 SaaS 落地页类的 Skill
- 想要深色、暗调或繁复风格的品牌：页面保持浅色，只有一块深色联系面板，没有深色模式
- 带博客或 CMS 的多页网站：这是刻意设计的单页，案例和法律文本以弹窗呈现
品牌建立与视觉规范销售提案与融资沟通网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑Bright White MinimalGradient Accent TypographyGrid Pattern GroundsPlayful ProfessionalPortfolio Showcase Rows
适合做落地页
关于此 Skill
告诉它工作室名称、几个项目和你提供的服务，就能拿到一张明亮的工作室页面：白底，只在关键标题词上用一道青到蓝的渐变，作品以客户场景照片配上你所做产品的浏览器窗口来呈现。交付物是一个自包含文件，任何浏览器都能打开，离线可用。
你将获得
- 完整的单页：Hero、客户评价、带筛选和档案列表的 Recent Work、服务、流程、合作价格、团队、FAQ 和深色联系面板
- 在页面内打开的案例详情：需求、交付内容、三项数据和客户评价
- 会校验、显示加载状态并以摘要确认的询价表单，另有订阅和一键复制邮箱
- 内嵌 Bricolage Grotesque、Instrument Sans 和 Geist Mono 字体，滚动显现克制，服务卡片上有跟随鼠标的薄荷色光晕
- 在你自己的代码库里，同一张页面会以你技术栈的组件实现
如何使用
- 提供工作室名称、一句话卖点、两到四个各带一项成果的项目，以及你的服务；粗略笔记即可
- 有客户照片和人像就附上；没有的话会自动生成，每个项目窗口都会用你项目的数据重建
- 在浏览器里打开成品文件，用大白话提出文案、项目或价格的修改
生成的照片使用你的 Agent 的图像工具，可能产生该工具的使用费用。字体和图片都已内嵌，成品文件不发任何网络请求。
开始前需要准备什么
- 你需要提供
- 工作室名称、一句话卖点和三项能力 · 2-4 个带成果数字的代表项目，以及六项服务和你的流程或价格 · 可选：客户评价、客户照片、团队合影和联系方式
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · 可选：Agent 中可用的图像生成工具，用于生成客户场景、人像、团队和流程照片
- 外部成本
- 如果你没有提供，客户场景照片、人像、团队合影和流程细节图会由你的 Agent 自带的图像工具生成，可能产生该工具的使用费用。没有人像的评价会改用姓名缩写头像。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…