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

remotion-video-creation

affaan-m/ECC/skills/remotion-video-creation

Automation

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

Universal
252.1kJavaScriptDetails
reactvideoremotion

deck-open-slide-canvas

nexu-io/open-design/skills/deck-open-slide-canvas

Design

Locked 1920x1080 canvas deck with React component-level free composition, not bound to a fixed template.

Claude CodeJetBrains
92.3kDetails
reactcanvasopen-slide

markstream-custom-components

sickn33/agentic-awesome-skills/skills/markstream-custom-components

Automation

Override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.

CursorClaude CodeOpenAI Codex
45.6kPythonDetails
reactcomponentsmarkdown

markstream-install

sickn33/agentic-awesome-skills/skills/markstream-install

Automation

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, Next.js, and Vue 2 applications.

CursorClaude CodeOpenAI Codex
45.6kPythonDetails
reactstreamingmarkdown

markstream-react

sickn33/agentic-awesome-skills/skills/markstream-react

Automation

Integrate the beta markstream-react renderer into React 18+ or Next.js with correct client/server entrypoints, CSS, streaming state, and component overrides.

CursorClaude CodeOpenAI Codex
45.6kPythonDetails
reactstreamingmarkdown

rayden-code

sickn33/agentic-awesome-skills/skills/rayden-code

Design

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

Claude CodeOpenAI Codex
45.6kPythonDetails
code-generationreactui

remotion-best-practices

sickn33/agentic-awesome-skills/skills/remotion-best-practices

Automation

Best practices for Remotion - Video creation in React

Claude CodeOpenAI Codex
45.6kPythonDetails
reactvideoremotion

fp-react

sickn33/agentic-awesome-skills/skills/fp-react

Data Analysis

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Claude CodeOpenAI Codex
45.6kPythonDetails
reactfp-tstypescript

landing-page-generator

sickn33/agentic-awesome-skills/skills/landing-page-generator

Automation

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

CursorClaude CodeGemini CLI
45.6kPythonDetails
reactcromarketing

lovable-cleanup

sickn33/agentic-awesome-skills/skills/lovable-cleanup

Automation

Audits and strips Lovable scaffolding from Vite + React projects — removes lovable-tagger, swaps placeholder assets, prunes unused Radix deps, and cleans generated docs so the codebase ships as yours.

Claude CodeGemini CLILovable
45.6kPythonDetails
reactcleanupvite

trpc-fullstack

sickn33/agentic-awesome-skills/skills/trpc-fullstack

Automation

Build end-to-end type-safe APIs with tRPC — routers, procedures, middleware, subscriptions, and Next.js/React integration patterns.

CursorClaude CodeGemini CLI
45.6kPythonDetails
reacttype-safetyapi

design-taste-frontend

sickn33/agentic-awesome-skills/skills/design-taste-frontend

Design

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

CursorClaude CodeWindsurf
45.6kPythonDetails
reactuifrontend

deck-open-slide-canvas

nexu-io/html-anything/next/src/lib/templates/skills/deck-open-slide-canvas

Dev Tools

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

Claude CodeGitHub CopilotJetBrains
8.5kHTMLDetails
reactcanvasopen-slide

langchain

Orchestra-Research/AI-Research-SKILLs/14-agents/langchain

Automation

Framework for building LLM-powered applications with agents, chains, and RAG. Supports multiple providers (OpenAI, Anthropic, Google), 500+ integrations, ReAct agents, tool calling, memory management, and vector store retrieval. Use for building chatbots, question-answering systems, autonomous agents, or RAG applications. Best for rapid prototyping and production deployments.

Claude CodeGemini CLI
12.1kTeXDetails
productionagentslangchain