codevibing

Skills

Claude Code skills you can install in one command.

codevibing

@JDerekLomas

Share to codevibing.com — the social network for Claude Code users. Zero friction posting, heartbeats, friends.

socialcommunity
claude skill add JDerekLomas/codevibing-skill

d3-visualization

@JDerekLomas

Create interactive data visualizations using D3.js. Custom charts, network diagrams, geographic maps, and complex SVG-based visuals.

visualizationdatad3
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/d3-visualization/SKILL.md

site-design-replication

@JDerekLomas

Replicate a live website as a Next.js app. Crawl structure, extract design system, scaffold project, create all pages with real content.

designwebnext.js
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/site-design-replication/SKILL.md

card-deck-creation

@JDerekLomas

Create themed card decks with AI-generated artwork, Puppeteer rendering, and web deployment.

creativecardsai-art
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/card-deck-creation/SKILL.md

mulerouter

@JDerekLomas

Generate images and videos using MuleRouter multimodal APIs. Text-to-image, image-to-image, text-to-video, and more.

aiimagesvideogenerative
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/mulerouter-skills/SKILL.md

frontend-design

@JDerekLomas

Create distinctive, production-grade frontend interfaces with high design quality. Avoids generic AI aesthetics.

designfrontendui
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/frontend-design/SKILL.md

Human-in-the-loop feedback tools for reviewing AI output. Review sites, get design feedback, check generated images.

feedbackreviewhitl
claude skill add --url https://raw.githubusercontent.com/JDerekLomas/claude-code-skills/main/skills/input/SKILL.md

session-replay

@JDerekLomas

Create animated canvas-based videos that replay a Claude Code building session with real prompts and AI responses.

videoreplaycreative
Coming soon — view on GitHub

html-to-svg

@JDerekLomas

Convert rendered HTML/CSS to outlined SVG vectors. Renders with Puppeteer, traces with potrace for clean vector paths.

svgdesignconversion
Coming soon — view on GitHub

visual-compare

@JDerekLomas

Visual comparison of a reference app against a replica. Screenshots both via Chrome DevTools, uses Claude vision to identify differences.

testingvisualqa
Coming soon — view on GitHub

literature-review

@JDerekLomas

Conduct comprehensive, systematic literature reviews across academic databases. PubMed, arXiv, Semantic Scholar, and more.

researchacademicwriting
Coming soon — view on GitHub