Tabbit
活动资源博客模型
Tabbit LogoTabbit

Tabbit — 为你工作的 AI 浏览器

主题资源

  • AI Browser Resources
  • Agentic Browser Resources
  • Browser Downloads and Install Guides
  • Browser Comparisons
  • AI Browser Alternatives
  • Browser Productivity Resources

热门指南

  • AI Browser
  • Agentic Browser Download
  • Best AI Browser 2026: Top 9 Tested & Ranked
  • AI Browser Download
  • Free AI Browser
  • Best AI Browser 2026
  • AI Browser Comparison 2026
  • AI Browser for Windows
  • AI Browser for Mac
  • Chrome Alternative 2026

活动

  • 别装了,你在《牛来》里早有原型
  • Tabbit 妙招大赛
  • KPOP SBTI 饭圈人格测试
  • Tabbit 校园共创者计划
  • fifi 的论文文献妙招精选
  • 用户问卷

关于

  • Tabbit 博客
  • 媒体报道
简体中文
简体中文English
提示词与工作流

Grok 4.6 · prompt

X:Matthew Berman 的创作者个人资料卡片提示

把“X:Matthew Berman 的创作者个人资料卡片提示”整理为可执行的任务入口,明确输入、运行环境、交付格式和验收边界;原始来源与模型状态仍需在使用前复核。

来源待核验Grok 4.6 client or agent harness; confirm available tools and model access before execution.

前置条件与输入

  • visual brief
  • assets or placeholders
  • interaction requirements
  • visual acceptance criteria

完整可复制模板

编辑改写:任务模板

Tabbit 编辑改写;非来源原文
在 {{FRAME_SIZE}} 画布中设计并实现资料卡。包含 {{CARD_ELEMENTS}},采用 {{VISUAL_DIRECTION}};交付后检查溢出、可读性、对比度和按钮状态。

运行前仍需替换: {{FRAME_SIZE}}, {{CARD_ELEMENTS}}, {{VISUAL_DIRECTION}}

任务结果

在固定画布中交付可运行的创作者资料卡,而不是只给视觉描述。

前置条件与环境

需要能运行前端代码的 Grok Build/兼容工作区;准备头像占位、文案、画布尺寸与品牌限制。

操作步骤

先固定画布尺寸;放置头像、姓名、简介、粉丝信息和按钮;再检查布局、对比度和溢出。

输出示例与验收

示例交付为固定尺寸的卡片;验收元素齐全、文字可读、按钮有清晰 affordance,返回仍需人工查看的近似项。

失败修正

出现溢出时减少文案或调整层级,不扩大画布;缺少真实资产时保留占位并注明。

来源与边界

来源公开了 500×500 卡片提示;编辑块是改写,不复刻第三方长文本,也不代表生产无障碍验收。

查看来源研究笔记

原始提示词

Within a fixed 500 x 500 pixel square frame, design and build a beautiful creator profile card for a social app. Include a portrait image, creator name, short bio, follower information, and a follow button. Use your own judgment for the visual design. Provide your own detailed information.

提示词拆解

  • 画布约束:固定 500×500 像素。

  • 产品对象:社交应用中的创作者资料卡。

  • 必要元素:肖像、姓名、简介、粉丝信息、关注按钮。

  • 开放部分:视觉设计和具体内容由模型自行决定。

改进版验收要求

After implementation, verify the card at exactly 500 x 500 pixels. Check hierarchy, text legibility, image contrast, button affordance, and overflow. Return the runnable artifact and list any approximations.

这个案例说明,短提示可以把决策空间留给模型;如果要用于生产,还需要补充品牌、无障碍、响应式和真实资产要求。

来源与日期

X · 原文日期: 2026-08-13 · 编辑日期: 2026-09-20

阅读原始来源
变量检查

仍需替换: 3

{{FRAME_SIZE}}{{CARD_ELEMENTS}}{{VISUAL_DIRECTION}}

相关提示词

X:Shawn 的 Grok 4.6 3D 船只单提示案例X:Tim Jayas 的 Three.js 蒸汽机原型提示X:Eigent AI 的交互式 Starlink 卫星单提示案例Venice:Grok 4.6 四条提示技巧与模板

相关测评

Reddit r/opencodeCLI:Grok 4.6 的 DeepSWE 与 Terminal-Bench 讨论X:Mike P 的 Grok 4.6 与 Opus 5 健身报告长数据任务对比Reddit r/cursor:Grok 4.6 与 GPT-5.6 Sol 的同任务对比Grok 4.6 官方发布:基准与能力评测

模型深度阅读

总览 · 简体中文

Grok 4.6:更新了什么、成本如何、适合谁

从 500K 上下文、基准版本差异到 API 价格,帮助你判断 Grok 4.6 是否值得试用。

模型对比 · 简体中文

Grok 4.7 对比 Grok 4.6:单价没变,账单会变长

Grok 4.7 与 Grok 4.6 的 API 标价同为每百万 token 输入 $2、输出 $6,上下文都是 50 万。xhigh 下智能指数题输出约 8.1 万 token,4.6 约 3.6 万。

Grok 4.6

在 Tabbit 中使用 Grok 4.6

请在上方所列环境中运行本指南。下载不会自动传入模板,也不代表账户已开放该模型。