Sidecar Website
marcus/sidecar
Writing and maintaining the Sidecar Docusaurus documentation site, including page structure, doc authoring, blog posts, styling, images, and deployment workflow.
Create or update the small symbol icon shown for a writing/blog post on the /writing grid.
Install Writing Icons Creator
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install flornkm/personal-site writing-icons-creator --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/writing-icons-creator .claude/skills/writing-icons-creator && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .claude/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creatorType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install flornkm/personal-site writing-icons-creator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/writing-icons-creator .agents/skills/writing-icons-creator && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .agents/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install flornkm/personal-site writing-icons-creator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/writing-icons-creator .cursor/skills/writing-icons-creator && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .cursor/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/flornkm/personal-site.git --path .agents/skills/writing-icons-creator--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install flornkm/personal-site writing-icons-creator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/writing-icons-creator .gemini/skills/writing-icons-creator && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .gemini/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install flornkm/personal-site writing-icons-creatorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/writing-icons-creator .github/skills/writing-icons-creator && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .github/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add flornkm/personal-site --skill writing-icons-creator -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install flornkm/personal-site writing-icons-creator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/flornkm/personal-site.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/writing-icons-creator .opencode/skills/writing-icons-creator && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "writing-icons-creator" agent skill from https://github.com/flornkm/personal-site/tree/main/.agents/skills/writing-icons-creator into .opencode/skills/writing-icons-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "writing-icons-creator", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
writing-icons-creator- GitHub stars
- 151
- Token cost
- ~2.1k tokens
- SKILL.md length
- 874 words
- Files
- 1
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- None found
At a glance
Create or update the small symbol icon shown for a writing/blog post on the /writing grid.
- Works in 4 steps: Pick one shape from the allowed set… → Pick one color from the palette. → Copy the matching template, drop in the… → …
- A new post is added to src/writing
- SKILL.md covers The 1-minute summary, Where icons live, The rules (do not deviate) and Color palette, plus 5 more sections
- Reaches w3.org
What it does
Writing Icons Creator is an agent skill from flornkm/personal-site. Create or update the small symbol icon shown for a writing/blog post on the /writing grid. Use whenever a new post is added to src/writing, when an existing post needs a better-fitting icon, or when the user asks to "make an icon", "pick a symbol", or "design the mark" for a writing. Produces a single 32×32 SVG saved as icon.svg in the post's folder.
Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Writing & Content, covering Blog and article writing.
When your agent uses it
- A new post is added to src/writing
- An existing post needs a better-fitting icon
- The user asks to make an icon
- Design the mark for a writing
Example prompts
- “make an icon”
- “pick a symbol”
- “design the mark”
- “/writing-icons-creator”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Pick one shape from the allowed set based on the post's meaning.
- Pick one color from the palette.
- Copy the matching template, drop in the color.
- Save it as src/writing//icon.svg (next to the post's article.mdx).
What it can do on your machine
Read from SKILL.md and the folder at commit e096b60. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are svg).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
w3.org
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Writing Icons Creator loads about 2.1k tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 874 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 874 words (~2,123 tokens).
“Each writing on the /writing grid shows one small symbol icon. This skill explains exactly how to author one so it matches the existing visual language. Stay inside the rules below — the look is deliberately tiny and uniform.”
- name
- writing-icons-creator
Files
Just SKILL.md in .agents/skills/writing-icons-creator of flornkm/personal-site.
Open the folder on GitHubat commit e096b60
Compare with similar skills
Writing Icons Creator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Writing Icons Creator this skillflornkm/personal-site | 151 | — | ~2.1k | Automated safety check: Pass | None | |
| Sidecar Websitemarcus/sidecar | 1.1k | — | ~1.7k | Automated safety check: Pass | MIT | |
| Content WriterViryaZheng/recomby-geo | 458 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Publishone-ie/one | 131 | — | ~940 | Automated safety check: Pass | Custom licence | |
| Qualitythedaviddias/Front-End-Checklist | 74k | — | ~654 | Automated safety check: Pass | MIT | |
| Reading Levelthedaviddias/Front-End-Checklist | 74k | — | ~613 | Automated safety check: Pass | MIT |
Similar skills
Content Writer
ViryaZheng/recomby-geo
Write SEO-optimized blog posts, landing pages, and long-form page copy following Google's E-E-A-T and Helpful Content guidelines.
Publish
one-ie/one
Put words on this site — a blog post, a docs page, a product, or a live page from ONE's editor.
Quality
thedaviddias/Front-End-Checklist
A skill your agent uses when evaluating content pages for SEO quality.
Reading Level
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing content pages for user experience and SEO.
Webinar Content And Events
manojbajaj95/claude-gtm-plugin
This skill covers two related use cases: (1) Creating high-converting webinar registration and event landing pages, and (2) Repurposing webinar recordings into multiple content assets including blog…
More from flornkm/personal-site
All 14 skills in this repoAnimation Vocabulary
flornkm/personal-site
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…
Apple Design
flornkm/personal-site
Apple's approach to interface design and fluid, physical motion, translated for the web.
Central Icons
flornkm/personal-site
ALWAYS ACTIVE. An agent skill from flornkm/personal-site.
Clean Jsx No Inline Ternaries
flornkm/personal-site
Keep JSX and component logic clean by minimizing inline ternaries, nested conditionals, and stringified conditional classes.
Design System
flornkm/personal-site
How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…
Prefer Container Queries
flornkm/personal-site
Enforce Tailwind container queries over viewport breakpoints for responsive components.
Related
Categories
Questions about Writing Icons Creator
What does Writing Icons Creator do?
Create or update the small symbol icon shown for a writing/blog post on the /writing grid. Writing Icons Creator is an agent skill from flornkm/personal-site. Create or update the small symbol icon shown for a writing/blog post on the /writing grid.
When should I use Writing Icons Creator?
Writing Icons Creator fits situations like: A new post is added to src/writing; an existing post needs a better-fitting icon; the user asks to make an icon; design the mark for a writing.
How do I install Writing Icons Creator in Claude Code?
Run `npx skills add flornkm/personal-site --skill writing-icons-creator -a claude-code`. Or copy the skill folder (.agents/skills/writing-icons-creator in flornkm/personal-site) into .claude/skills/writing-icons-creator in your project. Claude Code loads it when a task matches its description.
How do I install Writing Icons Creator in Codex?
Run `npx skills add flornkm/personal-site --skill writing-icons-creator -a codex`. Or copy the skill folder (.agents/skills/writing-icons-creator in flornkm/personal-site) into .agents/skills/writing-icons-creator in your project. Codex loads it when a task matches its description.
Can I use Writing Icons Creator in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add flornkm/personal-site --skill writing-icons-creator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/writing-icons-creator, .gemini/skills/writing-icons-creator, .github/skills/writing-icons-creator and .opencode/skills/writing-icons-creator in your project.
What does Writing Icons Creator need to run?
SKILL.md names no scripts, command-line tools or credentials: Writing Icons Creator is instructions for the agent only.
Does Writing Icons Creator access the network?
SKILL.md names 1 domain. In commands or code: w3.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Writing Icons Creator safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Writing Icons Creator use?
No licence was found for Writing Icons Creator or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Writing Icons Creator use?
About 2.1k tokens (SKILL.md is roughly 8.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Writing Icons Creator?
Skills that share tags, products or a category with Writing Icons Creator: Sidecar Website (marcus/sidecar, 1.1k stars), Content Writer (ViryaZheng/recomby-geo, 458 stars), Publish (one-ie/one, 131 stars) and Quality (thedaviddias/Front-End-Checklist, 74k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Writing Icons Creator?
flornkm (a GitHub user) maintains it in flornkm/personal-site, which has 151 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 10, 2026.
Source: flornkm/personal-site on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.