编辑式海报
克制的编辑式粗野主义。
动效用来揭示层级。
小小东 UI
小小东提示词和每一个小小东插件共用的设计系统。黑白灰、默认直角、强调靠墨色；右上角切换主题、圆角、主色、密度和按钮质感，下面每一格都跟着变。
外观
只影响这个插件
正文 13px --r-sm
悬停这一行
最多 100 个字
画质
高2K，慢一点
标准1K，最快
跟随会员计划
4K（即将推出）
海报
封面
卡片
https://
.xiaoxiaodong.ai
只保存在这台电脑上。
pnpm xxd new ~/js/插件-今日待办
命令 ，一点就复制。
价格区间
- 墨色
- X 蓝
- 湖蓝
- 苔绿
- 海报
- 封面
- 卡片
…
…
内容区
长文发布
把 Markdown 写进 X 文章。v1.8.2 · 2,410 位用户
写入
写入标题
第一行 # 标题作为文章标题
- 一篇长文
- 另一篇
…
封面
…
详情
…
主色会被自动提亮或加深。
草稿 已写入 待更新 运行中 新
徽标Badge还没有记录
还没有插件
用一行命令新建一个。
pnpm xxd new ~/js/插件-今日待办| 版本 | 操作 | |||
|---|---|---|---|---|
| 长文发布 | 1.8.2 | 2,410 | ||
| 排序链接 | 0.9.0 | 830 | ||
| 批量存图 | 2.1.0 | 5,102 | ||
| 3 个插件 | 8,342 | |||
为什么默认直角？
会员站的硬规则：对话框、卡片、按钮、输入框都不许圆角。
主色怎么挑？
18 个预设，墨色是第一个也是默认。
能用 React 吗？
@xxd/react，同一套令牌。
sidepanel.js
// 外观设置存在 chrome.storage
const store = createAppearanceStore({ key: "today-ui" });
await store.load();
Xxd.toast("已保存", { tone: "success" });行内代码 --r-sm，按键 ⌘K
东 X
头像Avatar下一步
用小小东 UI 做第一个插件
侧栏 1
主体 2
小小东
长文发布
小小东 UI
小小东标志Logo本周写入
1,284篇
↑ 12.4% 比上周新会员
86
↓ 3 比上周平均写入耗时
2.4秒
持平