Design Iteration Loop
modu-ai/moai-cowork
Runs a builder-and-evaluator cycle that scores a design draft on four dimensions and escalates when the score stalls.
“Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.”
Install Dubai Time SVG Creator
$ npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install shanraisshan/claude-code-best-practice time-svg-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/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .claude/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .claude/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-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 shanraisshan/claude-code-best-practice --skill time-svg-creator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install shanraisshan/claude-code-best-practice time-svg-creator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .agents/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .agents/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .agents/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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 shanraisshan/claude-code-best-practice --skill time-svg-creator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install shanraisshan/claude-code-best-practice time-svg-creator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .cursor/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .cursor/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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/shanraisshan/claude-code-best-practice.git --path agent-teams/.claude/skills/time-svg-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 shanraisshan/claude-code-best-practice --skill time-svg-creator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install shanraisshan/claude-code-best-practice time-svg-creator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .gemini/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .gemini/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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 shanraisshan/claude-code-best-practice time-svg-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 shanraisshan/claude-code-best-practice --skill time-svg-creator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .github/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .github/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .github/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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 shanraisshan/claude-code-best-practice --skill time-svg-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 shanraisshan/claude-code-best-practice time-svg-creator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/agent-teams/.claude/skills/time-svg-creator .opencode/skills/time-svg-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 "time-svg-creator" agent skill from https://github.com/shanraisshan/claude-code-best-practice/tree/main/agent-teams/.claude/skills/time-svg-creator into .opencode/skills/time-svg-creator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "time-svg-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
time-svg-creator- GitHub stars
- 67k
- Token cost
- ~299 tokens
- SKILL.md length
- 124 words
- Files
- 3
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
- Works in 3 steps: Create SVG — Use the SVG template from… → Write SVG file — Write to… → Write summary — Write to…
- SKILL.md covers Task, Instructions, Rules and Additional resources
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
About this skill
Dubai Time SVG Creator is a skill in shanraisshan/claude-code-best-practice (67k stars). Its SKILL.md is about 299 tokens, with 2 other files in the folder. Licence: MIT.
Requirements
- Pre-approved tools (allowed-tools): Write, Read
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Create SVG — Use the SVG template from reference.md, replacing placeholders with actual values
- Write SVG file — Write to agent-teams/output/dubai-time.svg
- Write summary — Write to agent-teams/output/output.md using the markdown template from reference.md
What it can do on your machine
Read from SKILL.md and the folder at commit 8a831a0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
WriteRead
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Dubai Time SVG Creator loads about 299 tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 124 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
The full file from shanraisshan/claude-code-best-practice at commit 8a831a0, republished under its MIT licence (© shanraisshan). 124 words, ~299 tokens.
Download SKILL.mdSave it as
.claude/skills/time-svg-creator/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- time-svg-creator
- description
- Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.
- allowed-tools
- Write, Read
Time SVG Creator Skill
Creates a visual SVG time card for Dubai, UAE and writes the output files.
Task
You will receive three fields from the calling context: time, timezone, and formatted. Create an SVG time card and write both the SVG and a markdown summary.
Instructions
- Create SVG — Use the SVG template from reference.md, replacing placeholders with actual values
- Write SVG file — Write to
agent-teams/output/dubai-time.svg - Write summary — Write to
agent-teams/output/output.mdusing the markdown template from reference.md
Rules
- Use the EXACT time values provided — NEVER re-fetch or recalculate
- The SVG must be self-contained and valid
- Both output files go in the
agent-teams/output/directory
Additional resources
- For SVG template, output template, and design specs, see reference.md
- For example input/output pairs, see examples.md
© shanraisshan, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 2 other files in agent-teams/.claude/skills/time-svg-creator of shanraisshan/claude-code-best-practice.
- SKILL.md
- examples.md
- reference.md
Open the folder on GitHubat commit 8a831a0
Compare with similar skills
Dubai Time SVG 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 |
|---|---|---|---|---|---|---|
| Dubai Time SVG Creator this skillshanraisshan/claude-code-best-practice | 67k | — | ~299 | Automated safety check: Pass | MIT | |
| Design Iteration Loopmodu-ai/moai-cowork | 306 | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | |
| Multi Agent Imagekangarooking/kangarooking-skills | 662 | — | ~2.6k | Automated safety check: Pass | MIT | |
| Orca CLIstablyai/orca | 89k | 2 repos | ~593 | Automated safety check: Pass | MIT | |
| Paseo Advisor Second Opiniongetpaseo/paseo | 20k | 1 repos | ~756 | Automated safety check: Pass | Custom licence | |
| O2 Review Loopopenobserve/openobserve | 22k | — | ~3.7k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
Multi Agent Image
kangarooking/kangarooking-skills
Standalone multi-agent image generation skill for Hermes. An agent skill from kangarooking/kangarooking-skills.
Orca CLI
stablyai/orca
Operate Orca-managed worktrees, folder contexts, terminals, repos, automations, artifacts, skill sharing, worktree comments, and Orca's embedded browser…
Paseo Advisor Second Opinion
getpaseo/paseo
Launches one separate agent through Paseo to give a second opinion on the current task, with a self-contained briefing and no permission to edit files.
O2 Review Loop
openobserve/openobserve
Splits a change into planner, coder and independent reviewer roles: you confirm a spec, a subagent implements it, and a separate reviewer checks each round's local WIP commit.
Paseo Committee
getpaseo/paseo
Forms a two-agent committee with contrasting profiles to analyze a stuck problem in parallel, reconcile their views and return a consensus plan without editing files.
More from shanraisshan/claude-code-best-practice
All 8 skills in this repoPakistan Time Display
shanraisshan/claude-code-best-practice
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
HTML Presentation Structure Guide
shanraisshan/claude-code-best-practice
Documents how a single-file HTML slide deck is built: slide markup, the four-level journey bar, navigation and the renumbering rules after edits.
Presentation Styling Reference
shanraisshan/claude-code-best-practice
Reference for the CSS classes, HTML slide patterns and code-block highlighting spans used in a project's presentation/index.html slide deck.
Vibe to Agentic Engineering Framework
shanraisshan/claude-code-best-practice
Explains the conceptual model behind a presentation on moving from unstructured vibe coding to fully configured agentic engineering, including its 4-level scoring system and slide conventions.
Dubai Weather Fetcher
shanraisshan/claude-code-best-practice
Reads the current temperature in Dubai from the Open-Meteo API with a single web fetch and returns it in Celsius or Fahrenheit.
Dubai Time Fetcher
shanraisshan/claude-code-best-practice
Instructions for fetching current Dubai time via bash command
Related
Categories
Questions about Dubai Time SVG Creator
How do I install Dubai Time SVG Creator in Claude Code?
Run `npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -a claude-code`. Or copy the skill folder (agent-teams/.claude/skills/time-svg-creator in shanraisshan/claude-code-best-practice) into .claude/skills/time-svg-creator in your project. Claude Code loads it when a task matches its description.
How do I install Dubai Time SVG Creator in Codex?
Run `npx skills add shanraisshan/claude-code-best-practice --skill time-svg-creator -a codex`. Or copy the skill folder (agent-teams/.claude/skills/time-svg-creator in shanraisshan/claude-code-best-practice) into .agents/skills/time-svg-creator in your project. Codex loads it when a task matches its description.
Can I use Dubai Time SVG 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 shanraisshan/claude-code-best-practice --skill time-svg-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/time-svg-creator, .gemini/skills/time-svg-creator, .github/skills/time-svg-creator and .opencode/skills/time-svg-creator in your project.
What does Dubai Time SVG Creator need to run?
SKILL.md names no scripts, command-line tools or credentials: Dubai Time SVG Creator is instructions for the agent only. Its frontmatter pre-approves these tools: Write, Read.
Does Dubai Time SVG Creator access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Dubai Time SVG 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 Dubai Time SVG Creator use?
Dubai Time SVG Creator is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Dubai Time SVG Creator use?
About 299 tokens (SKILL.md is roughly 1.2k 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 Dubai Time SVG Creator?
Skills that share tags, products or a category with Dubai Time SVG Creator: Design Iteration Loop (modu-ai/moai-cowork, 306 stars), Multi Agent Image (kangarooking/kangarooking-skills, 662 stars), Orca CLI (stablyai/orca, 89k stars) and Paseo Advisor Second Opinion (getpaseo/paseo, 20k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Dubai Time SVG Creator?
shanraisshan (a GitHub user) maintains it in shanraisshan/claude-code-best-practice, which has 67,364 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 11, 2026.
Source: shanraisshan/claude-code-best-practice on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.