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 组合。

frontendreactnextjsbackendpythontypescriptwebappcoding

科研级图表,一键出版交付

cocoloop/matthew-a-gordon/python-dataviz

开发编码

基于Python三大主流库(matplotlib/seaborn/plotly)的专业数据可视化工具,支持静态出版级图表与交互式Web可视化,适合科研报告与商业数据分析。

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

Next.js 16 官方文档全量嵌入

cocoloop/leonaaardob/nextjs-16-complete-documentation

开发编码

Next.js 16 官方文档完整嵌入,覆盖 App Router、Server Components、Server Actions、缓存策略与部署指南,前端工程化的权威参考。

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

React

cocoloop/ivangdavila/react

开发编码

React

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

Next.js 15 全栈开发权威指南

cocoloop/jgarrison929/nextjs-expert

开发编码

Next.js 15 App Router 权威开发指南,覆盖 Server Components、Server Actions、路由架构与性能优化,适合生产级全栈应用开发。

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

frontend-design

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

设计

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

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

前端设计方向

affaan-m/ECC/skills/frontend-design-direction

自动化流程

为生产级 UI 设定 ECC 特有的前端设计方向。适合做站点、看板、应用、组件、落地页等需要更强产品化设计判断的界面。

Claude Code
252.1kJavaScript详情

Next.js 与 Turbopack

affaan-m/ECC/skills/nextjs-turbopack

自动化流程

Next.js 16+ 与 Turbopack:增量打包、文件系统缓存、开发速度,以及何时该用 Turbopack 而不是 webpack。

通用(跨宿主)
252.1kJavaScript详情

前端幻灯片

affaan-m/ECC/skills/frontend-slides

自动化流程

从零制作或把 PowerPoint 转成带丰富动效的 HTML 演示。适合做演示、把 PPT 搬到网页,或为演讲与路演做幻灯片;通过视觉探索帮非设计师找到自己的风格。

通用(跨宿主)
252.1kJavaScript详情

评测脚手架

affaan-m/ECC/skills/eval-harness

自动化流程

为 Claude Code 会话提供正式的评测框架(评估驱动开发 EDD)。适合工作流在上线或改动前需要一份可量化评测的场景。

Claude Code
252.1kJavaScript详情

简历生成

amruthpillai/reactive-resume/skills/resume-builder

开发工具

生成符合 Reactive Resume 架构的专业简历,输出可用于 rxresu.me 的 JSON。

GitHub Copilot
41.9kTypeScript详情

React 性能优化

affaan-m/ECC/skills/react-performance

自动化流程

React 与 Next.js 性能优化模式,改编自 Vercel 工程团队的 React 最佳实践:把 70 多条规则按 8 个优先级归类(瀑布流、包体积、服务端、客户端取数、重渲染、渲染、JS 微优化、进阶)。

通用(跨宿主)
252.1kJavaScript详情

React Native 模式

affaan-m/ECC/skills/react-native-patterns

自动化流程

React Native 与 Expo 应用模式:Expo Router 导航、状态分层、TanStack Query + Zod 取数、高性能列表、NativeWind/StyleSheet 样式、原生 API 与安全存储。

通用(跨宿主)
252.1kJavaScript详情

React 测试

affaan-m/ECC/skills/react-testing

自动化流程

用 React Testing Library、Vitest/Jest、MSW 与 axe 做 React 组件测试,并讲清组件测试与 Playwright/Cypress 端到端的边界。

通用(跨宿主)
252.1kJavaScript详情

React 模式

affaan-m/ECC/skills/react-patterns

自动化流程

React 18/19 模式:hooks 纪律、服务端/客户端组件边界、Suspense 与错误边界、表单 action、数据获取、状态管理决策树,以及无障碍优先的组合方式。

Windsurf
252.1kJavaScript详情

Python 测试

affaan-m/ECC/skills/python-testing

自动化流程

基于 pytest 的 Python 测试策略:TDD、fixture、mock、参数化与覆盖率要求。

通用(跨宿主)
252.1kJavaScript详情

Python 模式

affaan-m/ECC/skills/python-patterns

自动化流程

Pythonic 写法、PEP 8 规范、类型注解与最佳实践,用来构建健壮、高效、可维护的 Python 应用。

通用(跨宿主)
252.1kJavaScript详情

Java 编码规范

affaan-m/ECC/skills/java-coding-standards

自动化流程

面向 Spring Boot 与 Quarkus 服务的 Java 编码规范:命名、不可变性、Optional、流、异常、泛型、CDI、响应式与项目结构,会自动套用框架约定。

通用(跨宿主)
252.1kJavaScript详情

前端开发模式

affaan-m/ECC/skills/frontend-patterns

自动化流程

React 与 Next.js 的前端模式:状态管理、性能优化与界面最佳实践。适合编写或评审组件、状态与渲染性能。

通用(跨宿主)
252.1kJavaScript详情

通用编码规范

affaan-m/ECC/skills/coding-standards

自动化流程

跨项目的基线编码约定:命名、可读性、不可变性与代码质量评审;框架相关的模式交给专门的前端/后端 skill。适合没有对应框架 skill 时的代码评审。

通用(跨宿主)
252.1kJavaScript详情

后端架构模式

affaan-m/ECC/skills/backend-patterns

自动化流程

Node.js、Express 与 Next.js API 路由的后端架构模式、API 设计、数据库优化与服务端最佳实践。

通用(跨宿主)
252.1kJavaScript详情

Python 调试器

NousResearch/hermes-agent/skills/software-development/python-debugpy

自动化流程

调试 Python:pdb 交互式调试与 debugpy 远程调试(DAP)。

CursorVS Code
242.8kPython详情
调试Pythonbreakpoints

gsap-react

nexu-io/open-design/skills/gsap-react

设计

(占位)源数据描述为空

Claude Code
92.3k详情

frontend-skill

nexu-io/open-design/skills/frontend-skill

设计

(占位)源数据描述为空

Claude Code
92.3k详情

frontend-dev

nexu-io/open-design/skills/frontend-dev

设计

(占位)源数据描述为空

Claude Code
92.3k详情

← 场景组合