skills.guanliai
场景做法全部 skill组合
中EN
场景做法全部 skill组合

skills.guanliai.com

按场景组织的 AI 做法库:用哪些 skill、怎么装、怎么提示、会踩什么坑。

场景做法全部 skill组合

国内平台

  • CodeBuddy
  • Trae
  • 通义灵码
  • Qoder
  • 文心快码
  • CodeGeeX
  • MarsCode
  • 腾讯云 AI 助手
  • Fitten Code

国外平台

  • Claude Code
  • OpenAI Codex
  • Cursor
  • Windsurf
  • Gemini CLI
  • Cline / Roo Code
  • OpenCode
  • GitHub Copilot
  • Kiro
  • OpenClaw
  • VS Code
skills.guanliai.com · Agent Skill Directory数据来自 GitHub · Next.js + MySQL
首页全部 skill设计

设计

共 921 个 skill

精选

国内

无

国外

标签

语言

共 921 个 skill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design

设计

网页与数字界面设计师在构建Web页面或应用组件时,若受够了千篇一律的AI味设计,请用此技能。

CursorClaude Code
92.5k +92.5k详情
原始来源 / nexu-io/open-design

视频创作套件

anbeime/skill/skills/video-creation-suite/video-creation-suite

设计

自媒体创作者与影片与视频编辑当需要从零原创、二次创作或深度分析视频时,请使用此套件。

通用(跨宿主)
5.9k +5.9k详情

Web Design Analyzer

anbeime/skill/skills/web-design-analyzer/web-design-analyzer

设计

网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时,使用本技能一键提取配色、排版及组件特征,自动生成结构化 Design System 数据与 AI Coding Prompt,让设计还原与前端开发更高效。

Gemini CLI
5.9k +5.9k详情

Hyperliquid

NousResearch/hermes-agent/optional-skills/blockchain/hyperliquid

设计

查询 Hyperliquid 的行情数据、账户历史与成交复盘。

通用(跨宿主)
242.8kPython详情
deficryptotrading

前端设计准则

NousResearch/hermes-agent/optional-skills/creative/impeccable

设计

由上游维护的前端设计指导(impeccable)。

Claude Code
242.8kPython详情
界面 UI用户体验 UX前端

Hermes 界面 DOM 检查

NousResearch/hermes-agent/skills/software-development/inspecting-hermes-desktop-dom

设计

通过 CDP 读取 Hermes 桌面端实时的 DOM 与 CSS。

通用(跨宿主)
242.8kPython详情
桌面应用Electronui-verification

UI/UX 设计智能

nextlevelbuilder/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max

设计

面向 Web、移动、桌面的 UI/UX 设计智能。设计、构建、审查或修复界面(页面、组件、设计系统、可访问性、交互、响应式布局、排版、色彩、图表、栈特定 UI 实现)时使用。本地可搜数据:79 种可搜风格(50 活跃)、192 套产品配色与推理档案、74 组字体搭配、119 条 UX 指南、105 图标、17 个 GSAP 预设、25 种图表、22 个技术栈。

Claude Code
122.7k +122.7k详情

Radix 迁移到 Base

shadcn/ui/skills/migrate-radix-to-base

设计

将 React 项目与组件从 Radix UI 迁移到 Base UI。用于从 radix 迁移、切换 base-ui、转换 radix 原语或迁移 shadcn 项目的基础库。支持单组件与整个项目。

通用(跨宿主)
122.5k +122.5k详情

shadcn 组件管理

shadcn/ui/skills/shadcn

设计

管理 shadcn 组件与项目——新增、搜索、修复、调试、美化与组合 UI(含聊天界面)。提供项目上下文、组件文档与用法示例。用于 shadcn/ui、组件注册表、预设、--preset 码或含 components.json 的项目。

通用(跨宿主)
122.5k +122.5k详情

动效模式

affaan-m/ECC/skills/motion-patterns

设计

React/Next.js 的生产级动画模式:按钮、弹窗、Toast、错峰、页面转场、退出动画、滚动与布局,全部建立在 motion-foundations 的 token 与弹簧之上。

Cursor
252.1kJavaScript详情
动效动画

草图原型

NousResearch/hermes-agent/optional-skills/creative/sketch

设计

一次性的 HTML 草图:给 2-3 个设计变体做对比。

Claude Code
242.8kPython详情
HTML界面 UImockup

TouchDesigner 控制

NousResearch/hermes-agent/optional-skills/creative/touchdesigner-mcp

设计

通过 twozero MCP 控制 TouchDesigner。

MCP 客户端
242.8kPython详情
MCP 协议creative-codinginstallation

对抗式可用性测试

NousResearch/hermes-agent/optional-skills/dogfood/adversarial-ux-test

设计

扮演刁难用户,找出并分级界面体验问题。

通用(跨宿主)
242.8kPython详情
测试用户体验 UX质量保障

杠杆收购模型

NousResearch/hermes-agent/optional-skills/finance/lbo-model

设计

在 Excel 里搭带 IRR/MOIC 的杠杆收购模型。

Claude Code
242.8kPython详情
金融Excelopenpyxl

Guidance 约束生成

NousResearch/hermes-agent/optional-skills/mlops/guidance

设计

用语法约束大模型输出,保证 JSON 等格式一定合法。

Claude Code
242.8kPython详情
结构化输出提示词工程guidance

间隔重复闪卡

NousResearch/hermes-agent/optional-skills/productivity/memento-flashcards

设计

间隔重复记忆卡片:创建、复习、测验与导出。

通用(跨宿主)
242.8kPython详情
教育YouTube

页面内智能副驾

NousResearch/hermes-agent/optional-skills/web-development/page-agent

设计

在 Web 应用里嵌入一个页面内、可用自然语言操作的图形界面副驾。

Claude CodeGitHub CopilotGemini CLI
242.8kPython详情
javascript智能体saas

电脑操作

NousResearch/hermes-agent/skills/autonomous-ai-agents/computer-use

设计

以后台方式驱动桌面操作,必要时再按信号升级介入。

CursorClaude CodeGemini CLI
242.8kPython详情
桌面应用跨平台自动化

Hermes 智能体

NousResearch/hermes-agent/skills/autonomous-ai-agents/hermes-agent

设计

使用、配置、换肤、扩展并编排 Hermes Agent。

Claude CodeOpenAI CodexMCP 客户端
242.8kPython详情
多智能体命令行gateway

DESIGN.md 规范

NousResearch/hermes-agent/skills/creative/design-md

设计

编写、校验并导出 Google 的 DESIGN.md 设计 token 规范文件。

Claude Code
242.8kPython详情
google无障碍界面 UI

知名站点设计系统

NousResearch/hermes-agent/skills/creative/popular-web-designs

设计

把 Stripe、Linear、Vercel 等 54 套真实设计系统整理成 HTML/CSS 参考。

CursorClaude CodeOpenCode
242.8kPython详情
HTML界面 UI设计

Node.js 调试器

NousResearch/hermes-agent/skills/software-development/node-inspect-debugger

设计

用 --inspect 加 Chrome DevTools Protocol 命令行调试 Node.js。

通用(跨宿主)
242.8kPython详情
调试cdpnodejs

示例插件

nexu-io/open-design/apps/daemon/tests/fixtures/plugin-fixtures/sample-plugin

设计

Phase 1 示例插件,合成 SKILL.md frontmatter 用于向后兼容测试。

Claude Code
92.3k详情

blog-post

nexu-io/open-design/design-templates/audio-jingle

设计

(占位)源数据描述为空

Claude Code
92.3k详情
…
跳至页