Journal Page

整页手帐——把一页手帐画成一张图：几张水彩贴纸（淡水彩洇开 + 波浪裁切线）有大有小、歪着放、互相压着，标题压在纸胶带上，宽和纸胶带、票根、横线/方格/牛皮纸卡片、一段草草的英文手写、带虚线箭头的批注、零碎小涂鸦。想"做一页手帐/手帐排版/拼贴一页/画一页手帐"时用。headless Chrome 里 canvas 画，node 出图。

19 stars 2 forksProductivity & Notes

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add lumen-prism/journal-page --skill journal-page

Manual install

git clone --depth 1 https://github.com/lumen-prism/journal-page.git /tmp/journal-page
mkdir -p ~/.claude/skills
cp -r /tmp/journal-page/. ~/.claude/skills/journal-page

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 整页手帐

*by Cedar, with Lumen* · 一支用 canvas 画水彩手帐的笔。

一张 1080×1440 的手帐页，不是一排小物，是一整页拼贴：有主角、有挤成一堆的、有故意空着的白。

**先看 `samples/`。** 《Picnic Day》和《Rainy Sunday》就是这支笔的样子，画完对一眼，不像它就是滑了。代码在 `scenes/autumn_picnic.js`、`scenes/rainy_sunday.js`，抄一个当底板。

## 一页上能放什么（菜单，不是清单）

没有固定数量，这页需要什么就放什么，疏密看留白。**水彩贴纸每页都要有**，其余材料挑几种，**别配齐**——照单全配，页面会像模板。

- **水彩贴纸**：每样东西是一小块淡水彩，里面几层颜色自己洇开，亮处留白，外面一圈断断续续的波浪裁切线。东西没有脸。
- **一块直接画在纸上的底**：野餐毯、一片天、一块桌布——没有裁切边，可以出血出页面，贴纸散在上面。
- **标题**：大号手写英文压在一条纸胶带上，下面一行小字和一道手画的线（`JP.title`）。
- **宽和纸胶带**：不印字，印小图案（云、雨滴、银杏、松树……），两头撕毛边，有和纸纤维，半透明（`J.washi` + `JP.washiRow`）。可以横贯整页，也可以斜着按住一样东西。
- **窄纸胶带**：贴卡片角，条纹/波点/格子/雪花/循环印字（`J.tape`）。
- **票根**：撕票口、虚线、条码、挂绳（`JP.ticket`），可以塞在卡片底下只露一半。
- **卡片**：横线 / 方格 / 点阵 / 牛皮纸 / 白纸，写待办、清单或几句话（`JP.card`）。
- **正文**：一段英文，草草的连笔手写体 Homemade Apple（`JP.para`）。底下可以再来一句中文。
- **批注**：一句小字 + 一条弯弯的虚线箭头指向某样东西，落在画过的地方就垫一张小纸签（`JP.note`）。
- **涂鸦**：雨滴、云、雪花、星星、闪光、落叶飘过的虚线轨迹。

**每页至少有一样是这一页自己发明的**，不在上面这张单子里：野餐页那块格子毯、那片用胶带按住叶柄的压平银杏。新东西就在 scene 里现画，用过两次、样子稳了，再考虑收进工具。

## 版面：先定三件事再动笔

没有固定格子。动笔前把这三件写在 scene 开头的注释里：
1. **主角**是哪样、放哪个角、多大（野餐页是右下角出血的格子毯，下雨页是右上的大伞）。
2. **白留在哪**：一整块，别均匀撒满（野餐页右边中间只飘两片叶子）。乱不在歪，在每样东西一样重、一样密。
3. **胶带走哪个方向**：横贯、竖贯、斜贴一角、只贴一截。

然后翻 `samples/`，跟每一张都不一样再画。其余的：
- **每样都歪一点**：`put(x, y, 大小, 歪多少)`，歪 -0.15 到 0.15 弧度，大小 0.85 到 1.5 不等。
- **互相压着**：卡片压票根，胶带压卡片角，批注的箭头跨过空白指过去。
- **层次规则**：水彩（贴纸、底）先画，`kit.finish()` 之后画的东西（胶带、卡片、字、涂鸦）永远压在水彩上面。两张水彩叠在一起时，后面那张 `reserve` 掉前面那张。票根这种自己带水彩的纸片，先登记的会被后画的纸片盖住。

## 画一页

1. 定主题，定一个色系（野餐：砖红 + 焦糖 + 芥末黄 + 一点橄榄绿；雨天：灰蓝 + 芥末黄 + 豆沙粉）。

Read the full skill on GitHub

Details

Skill name: journal-page
Repository: lumen-prism/journal-page
License: AGPL-3.0
Repo updated: 11 October 2026

FAQ

What does the Journal Page skill do?

How do I install the Journal Page skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add lumen-prism/journal-page --skill journal-page. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Journal Page popular?

It lives in lumen-prism/journal-page, which has 19 GitHub stars and 2 forks.

Related skills

Google Calendar

ShaunTsai/skill-google-calendar

Full Google Calendar integration via gcalcli. Read, create, edit, delete, and search calendar events. Use when the user asks about their schedule, upcoming events, availability, meetings, or wants to manage their calendar. Triggers on keywords like calendar, schedule, meeting, event, free time, availability, agenda, add event, delete event, reschedule.

Productivity & Notes

Filemaker Xml

andykear/FileMaker-XMLsnippet-Claude-Skill

Use this skill whenever the user wants to work with FileMaker script XML or custom function XML. This includes: generating FileMaker XML from a description, pseudocode, or script steps; analysing or reviewing existing FileMaker XML for errors or silent-failure risks; converting scripts between formats; or any task where the output must be paste-ready XML for the FileMaker Script Workspace or Manage Custom Functions dialog. Trigger any time the user mentions FileMaker scripts, fmxmlsnippet, Set Variable XML, script step XML, custom function XML, or asks to produce XML that can be pasted into Fi

Productivity & Notes

Voltagent Best Practices

VoltAgent/skills

VoltAgent architectural patterns and conventions. Covers agents vs workflows, project layout, memory, servers, and observability.

Productivity & NotesIn 1 list10

Compaction Advisor

vignesh07/compaction-advisor

Provides context-aware compaction guidance with intelligent checkpointing. Monitors context during long tasks and suggests checkpoints before compaction interrupts your work.

Productivity & Notes

Research Note Wrap

leonsong09/research-note-wrap

Use when the user wants to summarize research or analysis into a readable Obsidian markdown note, such as 总结调研, 输出结论, 总结分析, 输出笔记, 调研纪要, 分析纪要, 会话结论, or when asking to summarize today's sessions about a topic. Use for current-session summaries by default, and for cross-session topic summaries when the user mentions 今天会话 or gives a topic scope.

Productivity & Notes

Clarify Intent

Hugo-DDT/clarify-intent

Prevent intent drift before consequential work. Use available context first, then decide whether to proceed directly, proceed with a lightweight explicit assumption, ask one high-leverage clarification, or request explicit confirmation for high-risk/irreversible actions. Beginner-friendly: plain language, recognition-friendly options, and a "you decide for me" path. Do not interrupt clear, low-risk, reversible tasks just to collect optional preferences. Use whenever a request is vague, has multiple plausible interpretations, may not match the user's real intent, or involves a high-risk or irre

Productivity & Notes

Browse the most popular Claude skills, all productivity & notes skills, or write your own with the skills generator.