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

全部 skill

共 14 个 skill · 数据来自 GitHub 与精选合集,每日更新

分类

精选

国内

国外

标签

语言

共 14 个 skill

Remotion 视频制作

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

自动化流程

用 Remotion 在 React 里做视频的最佳实践,含 3D、动画、音频、字幕、图表与转场等 29 条领域规则。

通用(跨宿主)
252.1kJavaScript详情
React视频remotion

自由画布演示

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

设计

锁死 1920x1080 画布,React 组件级自由组合,不绑定固定模板。

Claude CodeJetBrains
92.3k详情
ReactCanvasopen-slide

Markstream 自定义组件

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

自动化流程

用作用域或渲染器局部映射覆盖 Markstream 节点渲染器,并在 Vue、React、Svelte、Angular 中添加可信自定义标签。

CursorClaude CodeOpenAI Codex
45.6kPython详情
ReactcomponentsMarkdown

Markstream 安装

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

自动化流程

为 Vue、React、Svelte、Angular、Nuxt、Next.js 与 Vue 2 应用安装并配置 Markstream 流式 Markdown 渲染器。

CursorClaude CodeOpenAI Codex
45.6kPython详情
React流式输出Markdown

Markstream-React

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

自动化流程

将 beta 版 markstream-react 渲染器集成到 React 18+ 或 Next.js,含正确的客户端/服务端入口、CSS、流式状态与组件覆盖。

CursorClaude CodeOpenAI Codex
45.6kPython详情
React流式输出Markdown

Rayden 代码

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

设计

用 Rayden UI 组件生成 React 代码,使用正确 props、token 与高级布局模式。

Claude CodeOpenAI Codex
45.6kPython详情
代码生成React界面 UI

Remotion 最佳实践

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

自动化流程

Remotion(React 视频创作)的最佳实践。

Claude CodeOpenAI Codex
45.6kPython详情
React视频remotion

FP React

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

数据分析

用 fp-ts 与 React 的实用模式——hooks、状态、表单、数据获取。兼容 React 18/19、Next.js 14/15。

Claude CodeOpenAI Codex
45.6kPython详情
Reactfp-tsTypeScript

落地页生成

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

自动化流程

用 Tailwind CSS 生成高转化 Next.js/React 落地页,采用 PAS、AIDA、BAB 框架优化文案与组件(Hero、特性、定价),关注 Core Web Vitals 与 SEO。

CursorClaude CodeGemini CLI
45.6kPython详情
Reactcro营销

Lovable 清理

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

自动化流程

审计并剥离 Vite + React 项目中的 Lovable 脚手架——移除 lovable-tagger、替换占位资源、裁剪未用的 Radix 依赖并清理生成文档,让代码库真正属于你。

Claude CodeGemini CLILovable
45.6kPython详情
Reactcleanupvite

tRPC 全栈

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

自动化流程

用 tRPC 构建端到端类型安全 API——router、procedure、中间件、订阅与 Next.js/React 集成模式。

CursorClaude CodeGemini CLI
45.6kPython详情
Reacttype-safetyAPI 接口

前端设计品味

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

设计

构建具严格设计品味、校准配色、响应式布局与动效规则的高能动性前端界面时使用。

CursorClaude CodeWindsurf
45.6kPython详情
React界面 UI前端

自由画布演示

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

开发工具

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

Claude CodeGitHub CopilotJetBrains
8.5kHTML详情
ReactCanvasopen-slide

LangChain 框架

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

自动化流程

用 agent、chain、RAG 构建 LLM 应用的框架。支持多提供商(OpenAI、Anthropic、Google)、500+ 集成、ReAct agent、工具调用、记忆管理、向量库检索。构建聊天机器人、问答系统、自主代理、或 RAG 应用。最适合快速原型与生产部署。

Claude CodeGemini CLI
12.1kTeX详情
生产可用智能体langchain