菜单
Use when creating or updating the README splash image for Shisho
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Use when creating or updating favicon files, app icons, or PWA icons for Shisho
Use when adding, removing, or significantly modifying a metadata field on books or files (e.g., adding a new field like "language" to the File model). Enumerates the cross-stack touchpoints, enforces a discovery-based workflow that uses the codebase itself as the checklist, and includes a verification phase that catches parallel code paths that would otherwise be missed.
基于 SOC 职业分类
| name | splash |
| description | Use when creating or updating the README splash image for Shisho |
Shisho's README splash is a 900x600 PNG with the logo on a dark gradient background. Generated from HTML using Playwright screenshots.
assets/splash.pngassets/splash.html| Element | Value |
|---|---|
| Background | Radial gradient: #3d3d3d center → #1a1a1a edge |
| Purple glow | rgba(139, 92, 246, 0.15) ellipse behind logo |
| Font | Noto Sans, 700 weight |
| Text color | #fafafa (white) |
| Font size | 108px |
| Letter spacing | 0.03em |
| Kanji size | 64.8px (0.6 × main font) |
| Kanji color | #c4b5fd (violet-300) |
| Icon size | 96x96px |
| Icon-text gap | 16px |
The splash is rendered from assets/splash.html:
python3 -m http.server 8770http://localhost:8770/assets/splash.htmlassets/splash.png| Property | Logo.tsx | splash.html |
|---|---|---|
| Letter spacing | 0.05em (tracking-wider) | 0.03em |
| Icon margin | mr-1 (4px) | 16px gap |
| Font | System font stack | Noto Sans |
The splash uses tighter letter spacing and larger icon gap for the larger display size.
assets/splash.html - Editable HTML sourceassets/splash.png - Generated PNG for README