agentsclimarketplace
Sign in

Prototype web

Skill nexu-io/html-anything/next/src/lib/templates/skills/prototype-web

可点击的功能性 Web 原型, 含导航、英雄区、特性区、CTAFrom its SKILL.md

Install
npx -y skills add nexu-io/html-anything --skill prototype-web

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.2 KB, 261 tokens by cl100k_base, as published. Nobody here has run it

【模板: Web 产品原型】

  • 输出一个完整的产品 landing page。
  • Sections: Top Nav (logo + 导航 + CTA 按钮) → Hero (大标题 + 副标 + 双 CTA + 可视化占位) → Features (3-6 个特性卡) → How it works (步骤) → Social proof (logo wall / 评价) → Pricing (可选) → Footer。
  • 使用现代 SaaS 设计趋势: 大字号、柔和渐变、glassmorphism 卡片、滚动到视图入场动画 (pure CSS 即可)。
  • 响应式: 移动端单栏, 桌面多栏; 至少处理 md: 断点。
  • 添加交互: nav 滚动变色; 特性卡 hover 浮起; FAQ 可手风琴展开 (用 <details>)。
  • 这是高保真原型, 应该让人觉得"明天就能上线"。

What ships with it: 2 files

13.8 KB alongside SKILL.md

Keep looking

Skills are one crate of 326,144. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.