Agent Skills
Home /Claude Skills /claude-skills
Highly Recommended

Claude Skills

Say goodbye to rigid color blocks, make your design prototypes re...
Visual upgrade magic for design prototypes
Core Principle:
This Claude Code Skill automatically replaces dull gray placeholder boxes in your UI designs with real-world images from Unsplash and other sources. Say goodbye to boring color blocks - it fetches contextually relevant images to bring your prototypes to life instantly.
KEY FEATURES
01Smart Matching
Automatically selects the most suitable images based on component context
02Multi-Source
Access to top image libraries like Unsplash and Picsum
03One-Click Replacement
Transforms gray placeholders into real images automatically
04Lightweight
Easy installation without slowing down your workflow
github.com/TheLoneWulf-WA/claude-skills
content-media·TheLoneWulf-WA·2026-02-02·⭐ 0·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/TheLoneWulf-WA/claude-skills.git
SSH
git clone [email protected]:TheLoneWulf-WA/claude-skills.git
GitHub CLI
gh repo clone TheLoneWulf-WA/claude-skills
FAQ
Q: What are the installation steps for Claude Skills Agent Skills?
1.Install Skill: Run simple command line to install
2.Create Components: Design UI components as usual
3.Auto-Replacement: Gray placeholders transform into real images automatically
4.Refine: Fine-tune image selection as needed
Q: What are the highlights of Claude Skills Agent Skills?
  • Context-aware matching
  • No need for image library accounts
  • Plug-and-play
  • Completely free
Q: What are the use cases for Claude Skills Agent Skills?
  • Quick prototype design presentations
  • Enhancing visual effects for client proposals
  • Material preparation before design reviews
  • Personal portfolio beautification
Q: What are the limitations of Claude Skills Agent Skills?
  • Currently only supports specific UI design tools
  • Limited image style selection
Related Claude Code Skills
system-prompts-and-models-of-ai-tools

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Models

300k+ lines of real system prompts let you develop from the perspective of AI tool creators

108.4k28.4k
context7

upstash/context7

upstash

Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors

Solves the most frustrating problem in AI coding - outdated docs and hallucinated APIs

42.0k2.0k
ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill

nextlevelbuilder

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

Chosen by 26k+ developers, offering complete design solutions across 11 tech stacks

24.4k2.5k
obsidian-skills

kepano/obsidian-skills

kepano

Agent skills for Obsidian

Seamlessly integrates with Obsidian workflows - AI-generated notes come in perfect format, no more copy-paste formatting nightmares

9.0k490
Claude-Code-Usage-Monitor

Maciek-roboblog/Claude-Code-Usage-Monitor

Maciek-roboblog

Real-time Claude Code usage monitor with predictions and warnings

Accurately predicts token consumption, prevents surprise bills, and keeps AI costs under control

6.3k309
cipher

campfirein/cipher

campfirein

Byterover Cipher is an opensource memory layer specifically designed for coding agents. Compatible with Cursor, Codex, Claude Code, Windsurf, Cline, Claude Desktop, Gemini CLI, AWS's Kiro, VS Code, Roo Code, Trae, Amp Code and Warp through MCP. Built by https://byterover.dev/

Significantly enhances AI coding assistants' contextual understanding, boosting collaborative coding efficiency

3.4k350