·design-lookup
*

design-lookup

baphomet480/claude-skills

从网络中搜索和检索 CSS 组件、SVG 图标、设计模式和视觉灵感。当用户要求查找、查找或搜索 CSS 片段、SVG 图标、UI 组件、加载旋转器、动画、设计灵感或任何视觉/前端设计资源时使用。触发诸如“为我查找 CSS 按钮”、“查找 SVG 旋转器”、“搜索卡片组件”、“查找波分频器 SVG”或“获取仪表板的设计灵感”等请求。

14安装·3热度·@baphomet480

安装

$npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup

SKILL.md

Search the web for CSS components, SVG icons, animations, and design resources. Return usable code with attribution.

Bypasses Cloudflare protection and renders SPAs. Use this for sites that block WebFetch (CodePen, UIVerse, etc.).

When to use: After WebSearch finds promising URLs on Cloudflare-protected sites (CodePen, UIVerse, etc.), use this script to fetch the actual code.

从网络中搜索和检索 CSS 组件、SVG 图标、设计模式和视觉灵感。当用户要求查找、查找或搜索 CSS 片段、SVG 图标、UI 组件、加载旋转器、动画、设计灵感或任何视觉/前端设计资源时使用。触发诸如“为我查找 CSS 按钮”、“查找 SVG 旋转器”、“搜索卡片组件”、“查找波分频器 SVG”或“获取仪表板的设计灵感”等请求。 来源:baphomet480/claude-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup
分类
*创意媒体
认证
收录时间
2026-02-11
更新时间
2026-02-18

快速解答

什么是 design-lookup?

从网络中搜索和检索 CSS 组件、SVG 图标、设计模式和视觉灵感。当用户要求查找、查找或搜索 CSS 片段、SVG 图标、UI 组件、加载旋转器、动画、设计灵感或任何视觉/前端设计资源时使用。触发诸如“为我查找 CSS 按钮”、“查找 SVG 旋转器”、“搜索卡片组件”、“查找波分频器 SVG”或“获取仪表板的设计灵感”等请求。 来源:baphomet480/claude-skills。

如何安装 design-lookup?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/baphomet480/claude-skills --skill design-lookup 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/baphomet480/claude-skills

详情

分类
*创意媒体
来源
skills.sh
收录时间
2026-02-11