micro-landing-builder by shipshitdev/library
npx skills add https://github.com/shipshitdev/library --skill micro-landing-builder为初创公司创建基于配置驱动的 NextJS 着陆页。
每个着陆页都是一个独立的 NextJS 应用程序,其中:
app.json 配置文件中定义@agenticindiedev/ui你需要一个已发布的着陆页 UI 组件包。该技能期望:
@agenticindiedev/ui)# 显示帮助
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py --help
# 创建新的着陆页
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--slug mystartup \
--name "My Startup" \
--domain "mystartup.com" \
--concept "AI-powered analytics"
# 使用自定义 UI 包
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--slug mystartup \
--name "My Startup" \
--ui-package "@myorg/landing-kit"
# 允许在当前目录外创建
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--root ~/www/landings \
--slug mystartup \
--allow-outside
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
mystartup/
├── app.json # 所有内容/配置在此处
├── package.json # 依赖 UI 包
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── vercel.json # Vercel 部署配置
├── public/
│ └── (图片放在此处)
└── app/
├── layout.tsx
├── page.tsx # 从 app.json 渲染各个部分
└── globals.css
着陆页完全由 app.json 驱动。完整模式请参见 references/config-schema.md。
{
"name": "My Startup",
"slug": "mystartup",
"domain": "mystartup.com",
"meta": {
"title": "My Startup - Tagline",
"description": "SEO description"
},
"theme": {
"primary": "#6366f1",
"accent": "#f59e0b"
},
"analytics": {
"plausible": "mystartup.com"
},
"sections": [
{ "type": "hero", "headline": "...", "subheadline": "..." },
{ "type": "features", "items": [...] },
{ "type": "pricing", "plans": [...] },
{ "type": "faq", "items": [...] },
{ "type": "cta", "emailCapture": { "enabled": true } }
]
}
hero - 主标题区,包含标题和 CTA 按钮stats - 关键指标/数字features - 带图标的特性网格pricing - 定价方案testimonials - 客户评价faq - 手风琴式常见问题解答cta - 行动号召,包含邮件捕获从模板或 CSV/JSON 文件创建多个着陆页:
# 从 CSV 文件
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--csv projects.csv \
--allow-outside
# 从 JSON 文件
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--json projects.json \
--allow-outside
# 从现有模板克隆
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--template ~/www/landings/template-landing \
--json projects.json \
--allow-outside
slug,name,domain,concept
project1,Project One,project1.com,AI-powered analytics
project2,Project Two,project2.com,Cloud infrastructure
[
{
"slug": "project1",
"name": "Project One",
"domain": "project1.com",
"concept": "AI-powered analytics"
},
{
"slug": "project2",
"name": "Project Two",
"domain": "project2.com",
"concept": "Cloud infrastructure"
}
]
cd mystartup
vercel
将多个项目部署到 Vercel 并配置自定义域名:
# 使用域名映射部署
python3 ~/.claude/skills/micro-landing-builder/scripts/deploy_vercel.py \
~/www/landings/project1 \
~/www/landings/project2 \
--domains-json domains.json \
--prod \
--yes
# 单个域名
python3 ~/.claude/skills/micro-landing-builder/scripts/deploy_vercel.py \
~/www/landings/project1 \
--domain project1.com \
--prod \
--yes
{
"project1": "project1.com",
"project2": "project2.com"
}
注意: 在添加到 Vercel 之前,域名必须在你的 DNS 中配置好。Vercel 会提供需要添加的 DNS 记录。
app.json 以添加你的内容public/vercel 部署或使用 deploy_vercel.pybatch_create.py 生成所有着陆页app.jsondeploy_vercel.py 部署所有项目并配置域名要添加自定义部分或覆盖组件:
app/components/app/page.tsx 中导入references/config-schema.md - 完整的 JSON 模式references/sections-reference.md - 部分类型和属性每周安装数
74
代码仓库
GitHub 星标数
16
首次出现
2026年1月20日
安全审计
安装于
codex54
claude-code51
opencode51
gemini-cli50
cursor48
github-copilot42
Create config-driven NextJS landing pages for startups.
Each landing page is a standalone NextJS app where:
app.json config file@agenticindiedev/uiYou need a published landing UI components package. The skill expects:
@agenticindiedev/ui)# Show help
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py --help
# Create a new landing
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--slug mystartup \
--name "My Startup" \
--domain "mystartup.com" \
--concept "AI-powered analytics"
# With custom UI package
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--slug mystartup \
--name "My Startup" \
--ui-package "@myorg/landing-kit"
# Allow outside current directory
python3 ~/.claude/skills/micro-landing-builder/scripts/scaffold.py \
--root ~/www/landings \
--slug mystartup \
--allow-outside
mystartup/
├── app.json # All content/config here
├── package.json # Depends on UI package
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── vercel.json # Vercel deployment config
├── public/
│ └── (images go here)
└── app/
├── layout.tsx
├── page.tsx # Renders sections from app.json
└── globals.css
The landing is entirely driven by app.json. See references/config-schema.md for full schema.
{
"name": "My Startup",
"slug": "mystartup",
"domain": "mystartup.com",
"meta": {
"title": "My Startup - Tagline",
"description": "SEO description"
},
"theme": {
"primary": "#6366f1",
"accent": "#f59e0b"
},
"analytics": {
"plausible": "mystartup.com"
},
"sections": [
{ "type": "hero", "headline": "...", "subheadline": "..." },
{ "type": "features", "items": [...] },
{ "type": "pricing", "plans": [...] },
{ "type": "faq", "items": [...] },
{ "type": "cta", "emailCapture": { "enabled": true } }
]
}
hero - Main hero with headline, CTA buttonsstats - Key metrics/numbersfeatures - Feature grid with iconspricing - Pricing planstestimonials - Customer quotesfaq - Accordion FAQcta - Call to action with email captureCreate multiple landing pages from a template or CSV/JSON file:
# From CSV file
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--csv projects.csv \
--allow-outside
# From JSON file
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--json projects.json \
--allow-outside
# Clone from existing template
python3 ~/.claude/skills/micro-landing-builder/scripts/batch_create.py \
--root ~/www/landings \
--template ~/www/landings/template-landing \
--json projects.json \
--allow-outside
slug,name,domain,concept
project1,Project One,project1.com,AI-powered analytics
project2,Project Two,project2.com,Cloud infrastructure
[
{
"slug": "project1",
"name": "Project One",
"domain": "project1.com",
"concept": "AI-powered analytics"
},
{
"slug": "project2",
"name": "Project Two",
"domain": "project2.com",
"concept": "Cloud infrastructure"
}
]
cd mystartup
vercel
Deploy multiple projects to Vercel with custom domains:
# Deploy with domain mapping
python3 ~/.claude/skills/micro-landing-builder/scripts/deploy_vercel.py \
~/www/landings/project1 \
~/www/landings/project2 \
--domains-json domains.json \
--prod \
--yes
# Single domain
python3 ~/.claude/skills/micro-landing-builder/scripts/deploy_vercel.py \
~/www/landings/project1 \
--domain project1.com \
--prod \
--yes
{
"project1": "project1.com",
"project2": "project2.com"
}
Note: Domains must be configured in your DNS before adding to Vercel. Vercel will provide DNS records to add.
app.json with your contentpublic/vercel or use deploy_vercel.pybatch_create.py to generate all landing pagesapp.json as neededdeploy_vercel.py to deploy all with domainsTo add custom sections or override components:
app/components/app/page.tsxreferences/config-schema.md - Full JSON schemareferences/sections-reference.md - Section types and propsWeekly Installs
74
Repository
GitHub Stars
16
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubFailSocketPassSnykPass
Installed on
codex54
claude-code51
opencode51
gemini-cli50
cursor48
github-copilot42
agent-browser 浏览器自动化工具 - Vercel Labs 命令行网页操作与测试
163,300 周安装
生产排程实战指南:离散制造工厂的有限产能排程、换线优化与瓶颈管理
1,200 周安装
AI代码审查工具 - 自动化安全漏洞检测与代码质量分析 | 支持多领域检查清单
1,200 周安装
pptx-generator:AI驱动的PowerPoint生成与编辑工具,支持模板、PptxGenJS和设计系统
1,200 周安装
OKX CEX Earn CLI:OKX交易所赚币命令行工具,管理简单赚币、双币赢、链上赚币
1,300 周安装
AI新闻播客制作技能:实时新闻转对话式播客脚本与音频生成
1,400 周安装
React Router 框架模式指南:全栈开发、文件路由、数据加载与渲染策略
1,500 周安装