Menü
Use when creating or updating the README splash image for Shisho
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| 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 READMEUse 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.