HTML 收集HTML Collection a.singlediv.com

A Single DivA Single Div

展示 HTML+CSS 极限表达的作品集，源码公开。A portfolio that shows how far HTML+CSS can go.

HTML 收集HTML Collection getbootstrap.com

Bootstrap ExamplesBootstrap Examples

官方落地页/组件示例目录，可直接对照源码结构。Official landing/component example directory.

HTML 收集HTML Collection flexboxfroggy.com

Flexbox FroggyFlexbox Froggy

经典互动教学页，适合收集「游戏/互动」类 HTML 学习界面。A classic interactive teaching page.

HTML 收集HTML Collection open-props.style

Open PropsOpen Props

文档站本身演示令牌与组件用法，适合对照设计系统页。The docs site itself demos tokens and components.

HTML 收集HTML Collection threejs.org

three.js examplesthree.js examples

官方互动示例索引，适合收集 3D/游戏向 HTML 演示。Official interactive example index.

Grok BotGrok Bot startup.whatfinger.com

一人公司 / Newsletter 运营栈One-Person Company / Newsletter Ops Stack

可执行的创始人运营模型：审计 → 招聘 Agent → 周报。An executable founder ops model: audit → hire Agents → weekly report.

Grok BotGrok Bot docs.x.ai

付费投放监控与预算建议（仅推荐）Paid Media Monitor & Budget Reallocator

清晰的分析→推荐→审批闭环。A clear analyze → recommend → approve loop.

Grok BotGrok Bot docs.x.ai

客户健康 / 流失风险观察名单Account Health / Customer-Risk Watch List

文档旗舰「skill → routine」示例。The docs’ flagship “skill → routine” example.

Grok BotGrok Bot moderncreator.app

手机拍照生成产品广告视频Product Ad Video from Phone Photo

创作者侧的 teach/skill 具体模式。A concrete creator-side teach/skill pattern.

Grok BotGrok Bot x.ai

演示环境就绪检查清单Demo Environment Readiness Checklist

结果二元清晰：demo-ready，适合销售+工程协作故事。Binary, clear outcome: demo-ready.

Grok BotGrok Bot docs.x.ai

隔夜销售外呼管道Overnight Sales Outbound Pipeline

官方 canonical 流程，带 starter prompt 与清晰审批边界。Official canonical flow, with a starter prompt and a clear approval boundary.

HTML 收集HTML Collection animate.style

Animate.cssAnimate.css

动效类参考站，示范如何用纯 CSS class 展示动画。A motion reference site that shows how to demo animations with plain CSS classes.

HTML 收集HTML Collection cssgridgarden.com

CSS Grid GardenCSS Grid Garden

Grid 布局的对照练习页，URL 长期稳定。A counterpart practice page for Grid layout.

HTML 收集HTML Collection html5up.net

HTML5 UPHTML5 UP

长期维护的开源模板目录，适合收集落地页与作品集 HTML。A long-maintained open template directory.

HTML 收集HTML Collection picocss.com

Pico CSSPico CSS

适合对照「少 class、多语义标签」的组件/文档站写法。Useful for comparing “few classes, more semantic tags” component/docs writing.

Grok BotGrok Bot x.ai

CRM 管道周一记分板CRM Pipeline Ops / Monday Scoreboard

典型周期性运营 digest 模式。A typical recurring ops-digest pattern.

Grok BotGrok Bot cursor.com

Cursor Automations：工程工厂模式（相邻）Cursor Automations: Engineering Factory Patterns

非 Grok Bot UI，但同属 Cursor 生态「常开 Agent」模式，适合 Coding/DevOps 筛选。Not the Grok Bot UI, but the same Cursor-ecosystem “always-on Agent” pattern.

Grok BotGrok Bot docs.x.ai

产品性能调查包Product Performance Investigation Pack

证据优先的工程调查模式。An evidence-first engineering investigation pattern.

Grok BotGrok Bot moderncreator.app

会议笔记 → 带截止日任务（Granola @ 17:00）Meeting Notes → Due-Dated Tasks

高杠杆「会议债务」杀手。A high-leverage “meeting debt” killer.

Grok BotGrok Bot x.ai

客户跟进与温度运营Account Follow-up & Warmth Ops

强调「结果落到人用的系统」的内部实践案例。An internal practice case that stresses “results land in the systems people use.”

Grok BotGrok Bot moderncreator.app

收件箱分拣 → ClickUp 交接Inbox Triage → ClickUp (Agent Handoff)

社区强演示：两个窄 Agent + 现有 PM 工具作系统真源。A strong community demo: two narrow Agents + an existing PM tool as system of record.

Grok BotGrok Bot composio.dev

竞争情报 / 公司模拟蜂群Competitive Intelligence / Company Simulation Swarm

写得最好的多 Agent 架构指南，含 token 与共享电脑安全提醒。The best-written multi-agent architecture guide, including token and shared-computer safety notes.

Grok BotGrok Bot docs.x.ai

预发环境 Bug 复现包Bug Reproduction Pack (Staging)

最佳官方事件触发工程工作流。The best official event-triggered engineering workflow.

今日看点Today

8月23日Aug 23

Grok Bot：2026-08-23 长文；官方 canonical 流程，带 starter prompt 与清晰审批边界。顶部增加 HTML 收集标签，数据在 data/html-items.json，与 Grok Bot 案例分开。Grok Bot: Long post dated 2026-08-23; Official canonical flow, with a starter prompt and a clear approval boundary. 12 publicly reachable demos, templates, components, and tool pages.

收录 20 条公开资料中的精选用法，覆盖官方文档与发布稿、社区多 Agent 实践，以及 Cursor Automations 相邻的工程工厂模式。Listed 20 selected uses from public sources, covering official docs and launch posts, community multi-agent practice, and Cursor Automations-adjacent engineering-factory patterns.
顶部增加 HTML 收集标签，数据在 data/html-items.json，与 Grok Bot 案例分开。The header gained an HTML Collection tab.
展示 HTML+CSS 极限表达的作品集，源码公开。A portfolio that shows how far HTML+CSS can go.
动效类参考站，示范如何用纯 CSS class 展示动画。A motion reference site that shows how to demo animations with plain CSS classes.
官方落地页/组件示例目录，可直接对照源码结构。Official landing/component example directory.
Grid 布局的对照练习页，URL 长期稳定。A counterpart practice page for Grid layout.

HTML 收集HTML Collection joshwcomeau.com

CSS Shadow Palette GeneratorCSS Shadow Palette Generator

高质量前端工具页，输出可直接用于 HTML/CSS。A high-quality front-end tool page.

HTML 收集HTML Collection mdn.github.io

MDN CSS ExamplesMDN CSS Examples

官方文档站的示例索引，链接稳定，适合作为 HTML 演示收集入口。An official docs example index with stable links.

HTML 收集HTML Collection shoelace.style

ShoelaceShoelace

框架无关的 HTML 自定义元素示范；站点本身也是组件文档页。A framework-agnostic custom-element demo; the site itself is a component docs page.

Grok BotGrok Bot docs.x.ai

Slack 触发的复现 / 升级例行Slack-Triggered Repro / Escalation Routine

事件触发设计金标准：窄匹配、审批、失败策略。Gold standard for event-trigger design: narrow match, approval, failure policy.

Grok BotGrok Bot docs.x.ai

人才侦察（招聘寻源）Talent Scout (Recruiting Sourcer)

官方角色，含隐私/合规提示，适合「只起草外联」。Official role with privacy/compliance notes.

Grok BotGrok Bot moderncreator.app

发票 Agent + 收件箱交接管道Invoice Agent + Inbox Handoff Pipeline

端到端 SMB 运营闭环；生产环境发送需审批。End-to-end SMB ops loop; sending in production still needs approval.

Grok BotGrok Bot docs.x.ai

幕僚长晨间摘要Chief of Staff Morning Digest

最常被引用的「第一个 Bot」角色。The most-cited “first Bot” role.

Grok BotGrok Bot docs.x.ai

每周费用管家Weekly Expense Manager

高重复性财务杂务，文档强调与源数据对账。High-repetition finance chores; the docs stress reconciling against source data.

Grok BotGrok Bot docs.x.ai

网站上线多 Bot 小组Website Launch Multi-Bot Group

清晰的「项目舱」协作 IA。A clear “project pod” collaboration IA.