ワンクリックで
image-writer
// Create new "image" entries - visual content with brief captions. Use when the user says "add an image", "new image", "post an image", or mentions wanting to share a screenshot, photo, or visualization.
// Create new "image" entries - visual content with brief captions. Use when the user says "add an image", "new image", "post an image", or mentions wanting to share a screenshot, photo, or visualization.
Generate CLI-style PNG images from structured data. Use when the user wants to create terminal-looking tables, command output visualizations, or any data rendered as a CLI screenshot. Triggers on: 'make a table image', 'render as CLI', 'terminal style table', 'screenshot of table', 'CLI visualization', 'illustrate this data', or when user wants to turn tabular data or command output into a shareable image. Also use when creating images for blog posts or articles that show benchmark results, comparison tables, or structured data in terminal style.
Create new log articles in nibzard.com style. Use when the user says "write an article", "create a blog post", "new log entry", or mentions wanting to write about a topic, experience, or idea. This skill captures the established voice: conversational, narrative-driven, technically deep yet accessible, with authentic personal perspective.
Add new GitHub projects to nibzard-web projects page. Fetches repo metadata via gh CLI, generates appropriate topics, and formats entries for src/pages/projects.astro. Use when user says "add project", "add to projects page", or mentions adding GitHub repos to the site.
Create new "idea" entries - product/service concepts with marketing flair. Use when the user says "add an idea", "new idea", "write an idea", or mentions wanting to capture a product or service concept.
Create "now" page entries showing current focus areas. Use when the user says "create a now post", "update my now page", "write about what I'm doing now", "now entry", "current status update", or wants to document what they're focused on right now. Triggers for periodic life updates with multiple focus areas.
Create new "thought" entries - quick insights, observations, or reflections. Use when the user says "add a thought", "new thought", "write a thought", or mentions wanting to capture a quick insight or observation.
| name | image-writer |
| description | Create new "image" entries - visual content with brief captions. Use when the user says "add an image", "new image", "post an image", or mentions wanting to share a screenshot, photo, or visualization. |
| allowed-tools | ["Write","Read","Bash"] |
This skill creates new "image" entries - visual content with brief captions that appear in the homepage feed alongside your thoughts, ideas, and articles.
src/content/images//public/images/Order of Operations:
/public/images/src/content/images/If the user provides an image path that doesn't exist yet, ask them to place the image first or help them do so.
Use the format YYMMDD.md where:
YY = 2-digit year (e.g., 25 for 2025)MM = 2-digit month (e.g., 01, 12)DD = 2-digit day (e.g., 05, 31)Example: 260114.md for January 14, 2026
For the physical image in /public/images/, use descriptive names like:
YYMMDD_description.ext (e.g., 260114_dashboard.png)YYMMDD_screenshot.ext (e.g., 260114_terminal.png)YYMMDD_photo.ext (e.g., 260114_conference.jpg)This keeps things organized and makes images easy to find.
---
date: YYYY-MM-DD # required
imageUrl: /images/filename.ext # required (path from /public/images/)
draft: false # optional, defaults to false
author: Nikola Balić # optional, defaults to Nikola Balić
---
Field details:
date: Required, YYYY-MM-DD format.imageUrl: Required, path to image in /public/images/. Must start with /images/.draft: Optional, defaults to false.author: Optional, defaults to "Nikola Balić".Image captions should be brief and contextual:
Social media mention:
---
date: 2025-05-19
imageUrl: /images/250523_oreillyandkentbeck.jpeg
---
Apparently, @timoreilly considered it [noteworthy to highlight](https://www.oreilly.com/radar/takeaways-from-coding-with-ai/) that I agree with @KentBeck 🤷♂️ honored and humbled!
Dashboard visualization:
---
date: 2025-05-26
imageUrl: /images/apnea-comprehensive_dashboard.png
---
Claude 4 Sonnet loves complex dashboard visualisations. I have been playing with my Garmin data to better understand agentic future of data science research.
Screenshot/photo with context:
---
date: 2025-05-23
imageUrl: /images/250523_claude4imagecritic.jpeg
---
Claude 4 as image critic.
| Type | When to use | Format |
|---|---|---|
| Image | Visual content (screenshot, photo, chart) with brief caption | date + imageUrl, YYMMDD.md |
| Thought | Quick insight, observation, philosophical reflection | Minimal frontmatter, blockquote style |
| Idea | Product/service concept with marketing flair | Structured frontmatter, pitch style |
| Now Entry | Life update with multiple focus areas | YYMMDD.md, ## sections |
| Article | Full blog post with narrative/technical depth | Complete frontmatter (tags, topics, etc.) |
/) in the main feed/searchWhen the user wants to add an image:
/public/images/imageUrl fieldsrc/content/images//public/images/ firstimageUrl must start with /images/ (not /public/images/).jpg, .png, .jpeg, .gif, .webp, etc.