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
首页组合设计与视觉套件

设计与视觉套件

品牌规范、主题配色、画布排版、生成艺术——让 AI 产出像设计师做的东西。

canvas-designbrand-guidelinestheme-factoryalgorithmic-artdesign-systemuitypographyposter

现代界面设计权威指南

cocoloop/itsjustdri/ui-ux-design

设计与视觉

基于2026设计趋势的纯知识型UI/UX指南,整合Tailwind CSS与Shadcn/ui最佳实践,助力开发者构建无障碍、响应式的现代化界面。

通用(跨宿主)
0详情
原始来源 / CocoLoop 技能商店

AI Image Generator & Editor — Nanobanana, GPT Image, ComfyUI

cocoloop/jau123/ai-image-generator-editor-nanobanana-gpt-image-comfyui

设计与视觉

AI Image Generator & Editor — Nanobanana, GPT Image, ComfyUI

通用(跨宿主)
0详情
原始来源 / CocoLoop 技能商店

现代界面设计一站式指南

cocoloop/itsjustdri/ui-ux-design-guide

设计与视觉

现代UI/UX设计权威指南,涵盖2026设计趋势、Tailwind CSS/Shadcn/ui集成、WCAG 2.2无障碍合规,助力构建美观易用的Web/移动界面。

通用(跨宿主)
0详情
原始来源 / CocoLoop 技能商店

现代 UI 设计规范 · 零代码安全

cocoloop/mpociot/superdesign

设计与视觉

来自 BeyondCode 创始人的现代前端设计指南,涵盖布局、主题、动画与响应式设计最佳实践,纯文档零代码风险。

通用(跨宿主)
0详情
原始来源 / CocoLoop 技能商店

3D纸艺弹出书插画生成

anbeime/skill/skills/pop-up-book-illustration/pop-up-book-illustration

开发工具

平面设计师与内容创作者在制作科技、教育或品牌视觉物料时,一键生成融合纸质手工质感与数字科技光效的3D弹出书风格插画。

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

UI 转 Vue

affaan-m/ECC/skills/ui-to-vue

自动化流程

把 UI 截图或设计导出批量转换成 Vue 3 组件,尤其配合 Vant、Element Plus 或 Ant Design Vue 使用。

通用(跨宿主)
252.1kJavaScript详情

SwiftUI 实践模式

affaan-m/ECC/skills/swiftui-patterns

自动化流程

SwiftUI 架构模式:用 @Observable 管理状态、视图组合、导航、性能优化,以及现代 iOS/macOS 界面最佳实践。

通用(跨宿主)
252.1kJavaScript详情

设计系统

affaan-m/ECC/skills/design-system

自动化流程

生成或审计设计系统、检查视觉一致性,并评审涉及样式的 PR。

通用(跨宿主)
252.1kJavaScript详情

Hyperliquid

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

设计

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

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

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详情

shadcn 组件管理

shadcn/ui/skills/shadcn

设计

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

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

Radix 迁移到 Base

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

设计

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

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

UI 演示录制

affaan-m/ECC/skills/ui-demo

自动化流程

用 Playwright 录制精致的 UI 演示视频,输出带可见光标、节奏自然的 WebM,适合做产品演示、走查或教程。

Cursor
252.1kJavaScript详情

UI 动效系统

affaan-m/ECC/skills/motion-ui

自动化流程

面向 React/Next.js 的生产级 UI 动效体系,实现动画、转场与各类动效模式。

通用(跨宿主)
252.1kJavaScript详情

Guidance 约束生成

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

设计

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

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

writing-guidelines

nexu-io/open-design/skills/writing-guidelines

设计

(占位)源数据描述为空

Claude Code
92.3k详情

web-design-guidelines

nexu-io/open-design/skills/web-design-guidelines

设计

(占位)源数据描述为空

Claude Code
92.3k详情

web-artifacts-builder

nexu-io/open-design/skills/web-artifacts-builder

设计

(占位)源数据描述为空

Claude Code
92.3k详情

ui-ux-pro-max

nexu-io/open-design/skills/ui-ux-pro-max

设计

(占位)源数据描述为空

Claude Code
92.3k详情

ui-skills

nexu-io/open-design/skills/ui-skills

设计

(占位)源数据描述为空

Claude Code
92.3k详情

theme-factory

nexu-io/open-design/skills/theme-factory

设计

(占位)源数据描述为空

Claude Code
92.3k详情

swiftui-design

nexu-io/open-design/skills/swiftui-design

设计

(占位)源数据描述为空

CursorClaude CodeOpenAI Codex
92.3k详情

shadcn-ui

nexu-io/open-design/skills/shadcn-ui

设计

(占位)源数据描述为空

Claude Code
92.3k详情

figma-create-design-system-rules

nexu-io/open-design/skills/figma-create-design-system-rules

设计

(占位)源数据描述为空

Claude CodeMCP 客户端
92.3k详情

← 场景组合