Home /Claude Skills /claude-skills
强烈推荐

Claude Skills

告别死板的色块占位,让设计原型一秒变真实
设计原型的视觉升级神器
核心原理:
这个 Claude Code Skill 能自动帮你把 UI 设计中的灰色占位框变成真实场景图片。别再忍受枯燥的色块预览了,它直接从 Unsplash 等图库抓取符合上下文的图片,让你的原型设计瞬间生动起来。
关键功能 (KEY FEATURES)
01智能配图
根据组件上下文自动匹配最合适的场景图片
02多图库支持
同时接入 Unsplash、Picsum 等顶级图库资源
03一键替换
灰色占位符自动转换成真实图片,无需手动操作
04轻量集成
简单命令即可安装,不拖慢你的工作流程
github.com/TheLoneWulf-WA/claude-skills
content-media·TheLoneWulf-WA·2026-02-02·0·🔱 0
精选导航站 agent-skills.cc
安装方式
下载
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
常见问答
Q: Claude Skills Agent Skills 的安装步骤是什么?
1.安装技能: 运行简单命令行完成安装
2.创建组件: 像往常一样设计UI组件
3.自动替换: 灰色占位符自动变成真实图片
4.调整优化: 根据需要微调图片选择
Q: Claude Skills Agent Skills 的亮点是什么?
  • 上下文智能匹配
  • 无需注册图库账号
  • 安装即用
  • 完全免费
Q: Claude Skills Agent Skills 的使用场景是什么?
  • 快速原型设计演示
  • 客户提案视觉效果提升
  • 设计评审前的素材准备
  • 个人作品集美化
Q: Claude Skills Agent Skills 的局限性是什么?
  • 目前仅支持特定UI设计工具
  • 图片风格选择有限
相关 Claude Code Skills
system-prompts-and-models-of-ai-tools

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

x1xhlol

这是一个AI开发者必备的宝库,收录了30+主流AI工具的系统提示词和内部模型文档。相当于给你一本AI工具的'后厨食谱',让你看透各大平台的运作机制。

30万行真实系统提示词,让你站在AI工具设计者的肩膀上开发

108.4k28.4k
context7

upstash/context7

upstash

Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例,再也不用担心AI给你过时的解决方案或者根本不存在的API了。

彻底解决AI编程最头疼的问题——过时的文档和虚假API

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

nextlevelbuilder/ui-ux-pro-max-skill

nextlevelbuilder

UI UX Pro Max 是你的设计智囊团。它能瞬间给你57种流行UI风格、95套行业配色方案、56组字体搭配,还有各种图表推荐和UX规范。不管你是做SaaS后台还是电商首页,一句话就能获得专业设计方案。

26000+开发者用星星投票的选择,覆盖11种技术栈的完整设计解决方案

24.4k2.5k
obsidian-skills

kepano/obsidian-skills

kepano

Obsidian Agent Skills - 笔记应用 AI 技能

无缝衔接Obsidian工作流,AI生成的笔记直接就是标准格式,告别复制粘贴的格式灾难

9.0k490
Claude-Code-Usage-Monitor

Maciek-roboblog/Claude-Code-Usage-Monitor

Maciek-roboblog

Claude Code Usage Monitor 是 Claude AI 的实时终端监控工具,它能精准预测你的 token 使用情况,帮你控制成本,就像给你的 AI 开销装上了精密的仪表盘。

精确预测 token 消耗,避免意外账单,让 AI 使用成本尽在掌握

6.3k309
cipher

campfirein/cipher

campfirein

Cipher 是一个为编程 AI 代理设计的开源内存层。它能自动生成编码记忆,让你的 AI 编码助手像老搭档一样了解你的代码风格和项目背景。支持主流 IDE 无缝切换,团队协作时还能实时共享编码记忆。

大幅提升AI编程助手的上下文理解能力,让协作编码效率飙升

3.4k350