专门为使用 Nuxt 4 和 Nuxt UI 创建着陆页而设计的组件和章节集合。
概览
基于Nuxt UI v4构建的90+复制粘贴部分——每个部分都包含机器可读的.txt导出、CLI安装,以及光标和Claude的提示。 - 每个部分都有一个可导出的 .txt 和完整的 Vue SFC 源代码 - npx landinuxt 添加 hero/simple — 无需手动复制粘贴 - 浏览、复制和自定义 90+ hero、功能、行动识别、常见问题解答及更多部分 - Nuxt 4、Nuxt UI v4、@nuxt/图片、@vueuse/motion https://www.landinuxt.com ·https://www.landinuxt.com/AGENTS.md 默认写入app/components/LandiHeroSimple.vue。 取https://www.landinuxt.com/components/hero/simple.txt,把Vue SFC添加到我的Nuxt项目中。 下载光标规则:https://www.landinuxt.com/cursor-rules/landinuxt.mdc 浏览https://www.landinuxt.com/components并复制Vue源代码,或使用任意部分的按钮。 请参阅主题标记和字体的设置说明。
概述(AI 翻译)
AI 代理支持的 Nuxt 着陆库。 90+ 个复制粘贴部分基于 Nuxt UI v4 构建——每个部分都包含机器可读的 .txt 导出、CLI 安装,以及光标和 Claude 的提示。
为什么是兰迪纳克斯
- 对于AI代理: 每个部分都有一个可取的
.txt导出,包含完整的Vue SFC源代码 - CLI 安装:
npx landinuxt add hero/simple— 无需手动复制粘贴 - 针对人类: 浏览、复制和自定义90+ hero、特色、行动号召、常见问题解答及更多部分
- Nuxt 原生: Nuxt 4,Nuxt UI v4,
@nuxt/image,@vueuse/motion
地点: https://www.landinuxt.com ·特工指南: https://www.landinuxt.com/AGENTS.md
快速开始
选项A — 推荐使用CLI(推荐)
默认写入 app/components/LandiHeroSimple.vue。
选项B — 询问你的编码代理
告诉游标、克劳德代码或风帆冲浪:
取 https://www.landinuxt.com/components/hero/simple.txt,并将 Vue SFC 添加到我的 Nuxt 项目中。
下载光标规则:https://www.landinuxt.com/cursor-rules/landinuxt.mdc
选项C — 从网络复制
浏览https://www.landinuxt.com/components并复制Vue源代码,或在任何部分使用**复制AI**按钮。
要求
- Nuxt 4
- @nuxt/ui v4
本页由 AI 翻译,技术细节请以原文为准。
README
LandiNuxt
The AI-agent-ready Nuxt landing library. 90+ copy-paste sections built on Nuxt UI v4 — each with machine-readable .txt exports, CLI install, and prompts for Cursor and Claude.
Why LandiNuxt
- For AI agents: Every section has a fetchable
.txtexport with full Vue SFC source - CLI install:
npx landinuxt add hero/simple— no manual copy-paste - For humans: Browse, copy, and customize 90+ hero, features, CTA, FAQ, and more sections
- Nuxt native: Nuxt 4, Nuxt UI v4,
@nuxt/image,@vueuse/motion
Site: https://www.landinuxt.com · Agent guide: https://www.landinuxt.com/AGENTS.md
Quick start
Option A — CLI (recommended)
# In your Nuxt project
npx landinuxt add hero/simple
npx landinuxt add features/bento
npx landinuxt list
Writes to app/components/LandiHeroSimple.vue by default.
Option B — Ask your coding agent
Tell Cursor, Claude Code, or Windsurf:
Fetch https://www.landinuxt.com/components/hero/simple.txt and add the Vue SFC to my Nuxt project.
Download the Cursor rule: https://www.landinuxt.com/cursor-rules/landinuxt.mdc
Option C — Copy from the web
Browse https://www.landinuxt.com/components and copy the Vue source, or use the Copy for AI button on any section.
Requirements
- Nuxt 4
- @nuxt/ui v4
- @nuxt/image
- @vueuse/motion
See setup instructions for theme tokens and fonts.
Agent integration files
| File | URL |
|---|---|
| Agent guide | https://www.landinuxt.com/AGENTS.md |
| LLMs context | https://www.landinuxt.com/llms.txt |
| Component export | https://www.landinuxt.com/components/{category}/{slug}.txt |
| For agents page | https://www.landinuxt.com/for-agents |
| Cursor rule | https://www.landinuxt.com/cursor-rules/landinuxt.mdc |
Development (this repo)
git clone https://github.com/cesswhite/landingnuxt.git
cd landingnuxt
bun install
bun run dev
bun run verify:elements # content/*.md counts match Elements/*.vue
bun run typecheck
bun run check # verify + typecheck + build
bun run cli -- add hero/simple --dry-run # test CLI locally
CLI package
The CLI lives in packages/cli/. To publish to npm:
cd packages/cli && npm publish
Contributing
Contributions welcome! When adding a section, follow .cursor/skills/add-landing-component/SKILL.md. Run bun run verify:elements before opening a PR.
License
MIT — see LICENSE.
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add cesswhite/landinuxt