将 ChatGPT-Shortcut 的优质提示词库作为核心资产注入 ShipAny, 打造“即插即用”的 AI 提示词市场,显著提升用户体验。
最终用户
Next.js 16 + React 19
新增提示词市场页面
现有 AI 对话界面
Next.js API Routes
PostgreSQL (prompts table)
GitHub Repository (JSON)
在 ShipAny 数据库中新增 prompts 表,结构参考 ChatGPT-Shortcut 的 JSON 格式。
// src/db/schema.ts
export const prompts = pgTable('prompts', {
id: serial('id').primaryKey(),
title: text('title').notNull(),
content: text('content').notNull(),
description: text('description'),
tags: json('tags'),
language: varchar('language', { length: 10 }).default('zh'),
weight: integer('weight').default(0),
sourceUrl: text('source_url'),
});编写 TypeScript 脚本,解析 ChatGPT-Shortcut 的 JSON 文件并写入数据库。
// scripts/import-prompts.ts
import promptsData from './data/prompt_zh.json';
async function importPrompts() {
for (const item of promptsData) {
await db.insert(prompts).values({
title: item.zh.title,
content: item.zh.prompt,
description: item.zh.description,
tags: item.tags,
weight: item.weight
});
}
}开发提示词市场页面,支持筛选和一键使用。
// src/app/prompts/page.tsx
export default function PromptMarket() {
const { data: prompts } = usePrompts();
return (
<div className="grid grid-cols-3 gap-4">
{prompts.map(prompt => (
<PromptCard
key={prompt.id}
prompt={prompt}
onUse={() => router.push(`/chat?prompt=${prompt.id}`)}
/>
))}
</div>
);
}直接获得数百个经过优化的多语言提示词,无需从零运营内容。
用户点击卡片即可直接填充 AI 对话框,解决“不知道怎么问”的痛点。
技术本质是 JSON 解析与展示,开发成本极低,但用户价值巨大。