Skill67.9k estrellas del repoactualizado 6d ago

time-svg-creator

This Claude Code skill generates a visual SVG time card displaying Dubai's current time and timezone information. It accepts time, timezone, and formatted time values as input, then creates a self-contained SVG graphic and writes both the SVG file and a markdown summary to the agent-teams/output directory. Use this skill when you need to automatically generate and store visual time representations for Dubai.

Ver fuente Repositorio: claude-code-best-practice

Instalar en Claude Code

Copiar

git clone --depth 1 https://github.com/shanraisshan/claude-code-best-practice /tmp/time-svg-creator && cp -r /tmp/time-svg-creator/agent-teams/.claude/skills/time-svg-creator ~/.claude/skills/time-svg-creator

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

SKILL.md

# 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

1. **Create SVG** — Use the SVG template from [reference.md](reference.md), replacing placeholders with actual values
2. **Write SVG file** — Write to `agent-teams/output/dubai-time.svg`
3. **Write summary** — Write to `agent-teams/output/output.md` using the markdown template from [reference.md](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](reference.md)
- For example input/output pairs, see [examples.md](examples.md)

Del mismo repositorio

agent-browserSkill

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

agent-collectionsSlash Command

Update the AGENT COLLECTIONS table by researching all agent-collection repos in parallel

code-reviewerSubagent

Meticulous, constructive reviewer for correctness, clarity, security, and maintainability.

constitutional-validatorSubagent

Validates roadmap items, features, and technical decisions against the project's constitution, principles, and core values. Ensures all proposals align with the mission, established methodology, and design principles before implementation proceeds.

development-workflowsSlash Command

Update the DEVELOPMENT WORKFLOWS table by researching all 11 workflow repos in parallel

development-workflows-research-agentSubagent

Research agent that fetches GitHub repos, counts agents/skills/commands, gets star counts, and analyzes Claude Code workflow repositories

documentation-analyst-writerSubagent

Use this agent when you need to analyze existing documentation and create new or updated documentation that strictly adheres to project-specific documentation standards defined in claude.md. This agent excels at maintaining consistency with established documentation patterns, ensuring technical accuracy, and producing clear, well-structured documentation.

implementSlash Command

Execute phased implementation with validation gates