skills.guanliai
How-tosAll SkillsCombos
中EN
How-tosAll SkillsCombos

skills.guanliai.com

An AI how-to library organised by scene: which skills to use, how to install, how to prompt, and what traps to avoid.

How-tosAll SkillsCombos

Supported clients

  • Claude Code
  • Cline / Roo Code
  • CodeBuddy
  • CodeGeeX (Zhipu)
  • Comate (Baidu)
  • Cursor
  • Fitten Code
  • Gemini CLI
  • GitHub Copilot
  • Kiro
  • Lingma (Alibaba)
  • MarsCode
  • OpenAI Codex
  • OpenClaw
  • OpenCode
  • Qoder
  • Tencent CloudBase AI
  • Trae
  • VS Code
  • Windsurf
skills.guanliai.com · Agent Skill DirectoryData from GitHub · Next.js + MySQL
HomeAll Skills

All Skills

Total 14 skills · from GitHub & curated sets, updated daily

Category

Featured

China

Global

Tags

Language

Total 14 skills

frame-data-chart-nyt

nexu-io/open-design/skills/frame-data-chart-nyt

Design

NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

Claude Code
92.3kDetails
charteditorialdata

frame-flowchart-sticky

nexu-io/open-design/skills/frame-flowchart-sticky

Design

SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

CursorClaude Code
92.3kDetails
diagramframeflowchart

frame-glitch-title

nexu-io/open-design/skills/frame-glitch-title

Design

Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.

Claude CodeJetBrains
92.3kDetails
frameglitchcyberpunk

frame-light-leak-cinema

nexu-io/open-design/skills/frame-light-leak-cinema

Design

Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.

Claude Code
92.3kDetails
filmframecinema

frame-logo-outro

nexu-io/open-design/skills/frame-logo-outro

Design

Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.

Claude Code
92.3kDetails
framelogooutro

frame-macos-notification

nexu-io/open-design/skills/frame-macos-notification

Design

Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.

Claude Code
92.3kDetails
macosframenotification

vfx-text-cursor

nexu-io/open-design/skills/vfx-text-cursor

Design

Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.

CursorClaude Code
92.3kDetails
framevfxtext

frame-data-chart-nyt

nexu-io/html-anything/next/src/lib/templates/skills/frame-data-chart-nyt

Data Analysis

NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)

Claude CodeGitHub CopilotGemini CLI
8.5kHTMLDetails
charteditorialdata

frame-flowchart-sticky

nexu-io/html-anything/next/src/lib/templates/skills/frame-flowchart-sticky

Data Analysis

SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm

Claude CodeGitHub CopilotGemini CLI
8.5kHTMLDetails
diagramframeflowchart

frame-glitch-title

nexu-io/html-anything/next/src/lib/templates/skills/frame-glitch-title

Dev Tools

数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero

Claude CodeGitHub CopilotJetBrains
8.5kHTMLDetails
frameglitchcyberpunk

frame-light-leak-cinema

nexu-io/html-anything/next/src/lib/templates/skills/frame-light-leak-cinema

Dev Tools

胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡

Claude CodeGitHub CopilotGemini CLI
8.5kHTMLDetails
filmframecinema

frame-logo-outro

nexu-io/html-anything/next/src/lib/templates/skills/frame-logo-outro

Design

Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕

Claude CodeGitHub CopilotGemini CLI
8.5kHTMLDetails
framelogooutro

frame-macos-notification

nexu-io/html-anything/next/src/lib/templates/skills/frame-macos-notification

Dev Tools

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

Claude CodeGitHub CopilotGemini CLI
8.5kHTMLDetails
macosframenotification

vfx-text-cursor

nexu-io/html-anything/next/src/lib/templates/skills/vfx-text-cursor

Dev Tools

光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句

CursorClaude CodeGitHub Copilot
8.5kHTMLDetails
framevfxtext