{"demo":true,"schema":"agent-harbor.design-prompts.1","release":"2026-09-18.1","snapshot_sha256":"f9c43b4072e67721c6f3c0f4a9865961e960bc0dc0eb156762ef2e7de05471f4","note":"公开提示词，与网页复制内容相同。原创界面概念，不代表真实服务已接入。","items":[{"id":"nova","title":"NOVA · 智能搜索","category":"网站","tags":["光晕","AI 搜索","暗色"],"prompt":"设计一个中文 AI 搜索产品的动态首页，名称 NOVA。使用近黑底色、乳白文字、低饱和紫色发光线条。中心是多层椭圆轨道组成的流动光环，缓慢旋转，光环下方是一个有标签的搜索框。标题‘好问题，值得被看见。’。顶栏只保留产品名、探索和文档。搜索未接真实接口时清楚显示演示反馈。鼠标悬停时按钮轻微抬升，手机禁用视差并降低循环数量。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/nova.md","page_url":"/design/nova/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"3212d14f2e8927e9bd7c01fc9c373d9c49bd62331f26308a8bbeface6a46c54e","record_sha256":"a595891e396f1dd3fe3637cbe77aef60032dbaaef37280ff1d424a34cc1b3dcb"},{"id":"form","title":"FORM · 灵感空间","category":"网站","tags":["编辑排版","创意工作室","柔和"],"prompt":"设计一个名为 FORM 的中文创意工作室网站。鼠尾草绿色背景，深绿色文字，英文大标题‘Make room for ideas.’与中文副标题‘为想法，留出空间。’。采用编辑式大字号和充足留白，右侧由三块半透明原创几何雕塑组成视觉中心，缓慢浮动、交错旋转。底部展示精选练习入口与年份，不假装真实商业客户。悬停时雕塑产生轻微透视变化，作品入口可键盘操作。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/form.md","page_url":"/design/form/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"fdafd9e460dec5b10943711a54e92d68fb5e05487e61b929d7b0702d021ece93","record_sha256":"587d5084550a25f024990add20c4d6f70d554acd8b6e5c9f6e7e7e269a1bcbde"},{"id":"kinetic","title":"TYPE · 动态字体","category":"交互组件","tags":["动态排版","循环文字","高对比"],"prompt":"制作一组中文网站可复用的动态排版组件。主视觉为荧光黄底和黑色超大粗体，英文‘MAKE IT MOVE.’与中文‘让想法动起来。’交替建立节奏。后方有描边大文字横向缓慢移动，前方一枚黑白十字几何图形以8秒一圈旋转。组件容器裁剪动画，不造成整页横向滚动。内容一次就能完整阅读，动画关闭后仍有清楚静态构图。提示词复制有真实反馈，不使用自动播放声音。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/kinetic.md","page_url":"/design/kinetic/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"c622c8e80912701e68284a5ee05d462cc3c00c0e4ca4f5e2e71002072ab9dcfe","record_sha256":"e0ca9b091f783e84a224d47caee644869b068efcf6b6475be81aedf1f82eeb50"},{"id":"studio","title":"MONO · 独立作品集","category":"网站","tags":["作品集","极简","黑白"],"prompt":"制作中文独立设计师作品集 MONO。暖白纸张底、近黑标题和细线分隔，极少导航。左侧标题‘Less, but better.’，小字说明‘独立设计与数字实验’；右侧用原生 CSS 绘制黑色三维折叠纸带，缓慢转动并保持可暂停。精选作品按大图、项目名、本人角色和过程组织，不编造品牌合作或评价。移动端保留完整阅读顺序。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/studio.md","page_url":"/design/studio/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"deeaa1029f06595880af97aba5f11d13236300a6baf07b999908a89d5040baa9","record_sha256":"ca12e473d4471b4a7343c438c6b5379d6cd242147d8f07f7ebf30e03c60ef8e3"},{"id":"skill","title":"STUDIO SKILL · 设计搭档","category":"Skills","tags":["设计 Skill","提示词","创作流程"],"prompt":"为 Agent 准备一份界面创作 Skill 的方案。先读取用户已有项目与约束，再依次完成风格参考、页面结构、动效和验收。以珊瑚红背景、叠放的三张任务纸卡展示这四个步骤，纸卡可在悬停时展开；前景标题‘从灵感，到界面。’。输出应包含设计决策、资源来源、可访问性与响应式检查。网页仅演示任务编排，不声称安装了 Skill 或真实执行了任务。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/skill.md","page_url":"/design/skill/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"99a96e11b7261b508c3df54018090157e282b9412dc4597be67500fa745107bd","record_sha256":"ee80e43768aab203ca72a8f07d62c6c173a112ef8a2f8fd5dbf180da78000687"},{"id":"network","title":"CONNECT · MCP 连接","category":"MCP / API","tags":["MCP","连接动画","Agent"],"prompt":"设计一个中文 MCP 连接能力展示页 CONNECT。深森林绿背景，淡绿细线网格，中央 Agent 节点通过五条曲线路径连接搜索、文档、记忆、设计和 API 节点。小光点沿路径缓慢移动，节点悬停时展示用途；所有连线和成功状态标为概念预览，不声称真实工具已连接。正文说明能力发现、最小权限与工具调用之间的区别，使用同一份机器可读说明作为来源。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/network.md","page_url":"/design/network/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"02d1b5f40c75d27b0cad7ed619a7ffe384606f6942eef1c05567881c11c7517b","record_sha256":"11d2ed947e25bba1ebada2c2c1be730b9578b19d8255241095794d7a531702ef"},{"id":"flux","title":"FLUX · API 产品页","category":"MCP / API","tags":["API","流体波纹","产品展示"],"prompt":"设计中文 API 接入产品的概念首页 FLUX。电光蓝背景和白色大字，标题‘One gateway. More possibilities.’，副标题‘从一个清楚的接口开始。’。用四层原创 SVG 波纹构成底部缓慢流动的图形，顶栏保持精简。通过来源、费用、权限和错误返回说明接口；演示不生成真实 API Key、不显示虚构吞吐量或可用率。提供可复制的公开资料读取任务和清楚的接入状态。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/flux.md","page_url":"/design/flux/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"ae0de0bb9bc87138e167248ef02bdcc4e0284ca2a9fbafffc6a620546f36e5b8","record_sha256":"72b12e88a9d49fe55d052020b587ece4dd26ea27453835b2b190f9f0263a77db"},{"id":"notes","title":"STILL · 记忆花园","category":"Skills","tags":["记忆","知识整理","自然"],"prompt":"设计中文 Agent 记忆整理工具 STILL 的概念页面。浅米黄背景、棕黑色文字、杂志式排版。标题‘A place for every thought.’，右侧是一朵由原创椭圆叶片构成的花，轻微摆动。以带来源的记录、待确认信息和可撤销更新展示统一记忆思想。明确记忆的所属主体、用途、保存位置和删除方式；不要将模型自身聊天记录称作平台权威记忆，也不伪造长期存储成功。\n\n使用 Next.js、React、TypeScript 与 Motion 开源版实现。桌面与手机均可使用，按钮有可见焦点；尊重 prefers-reduced-motion，提供暂停动态，离开视口停止循环。只采用有权使用的原创资产。不要编造用户数量、付款、认证或模型执行成功；所有示例状态明确为演示。","prompt_url":"/prompts/notes.md","page_url":"/design/notes/","version":"demo-v0.5","source":"智港原创界面练习","content_sha256":"ca94e4ad7a066b9c8aa301dde36ef71875cad27c2b5787fc1e576d738a8eb3a3","record_sha256":"88ba803b3659d4a33fe5d75d95d271117dbb816d611fe79de0ab7e209cc24b59"}]}