styling-with-shadcn
安全 80在 Next.js 中构建 shadcn/ui 界面
由 Asmayaseen
React 团队需要能与现代 Next.js 配合使用的一致 UI 模式。此技能提供 shadcn/ui 设置指导、组件示例、表单验证、表格、侧边栏和深色模式模式。
把你常用的技能整理成可复用合集,再用一条命令安装。
在 Next.js 中构建 shadcn/ui 界面
由 Asmayaseen
React 团队需要能与现代 Next.js 配合使用的一致 UI 模式。此技能提供 shadcn/ui 设置指导、组件示例、表单验证、表格、侧边栏和深色模式模式。
构建流式 AI 聊天界面
由 Asmayaseen
当用户看不到进度、响应状态或 UI 变化时,实时 AI 聊天体验会显得不完整。此技能为 Claude、Codex 和 Claude Code 提供流式生命周期、进度事件、客户端效果和客户端工具的模式。
使用 SDK 模式构建 OpenAI Agents
由 Asmayaseen
Agent 项目在 tool calls、handoffs 和 guardrails 变得难以管理之前,需要清晰的结构。此 skill 为 Python 团队提供可复用的 OpenAI Agents SDK 模式。
构建 FastAPI Dapr 后端
由 Asmayaseen
团队需要用于 FastAPI、SQLModel、Dapr 和 JWT 身份验证的一致后端脚手架。此技能为 API、事件、任务、数据访问和测试提供面向生产的模式。
使用 DeepWiki 研究仓库
由 Asmayaseen
仅靠文件很难快速理解不熟悉的仓库。此技能指导 Claude、Codex 和 Claude Code 查询 DeepWiki,以进行架构、功能和贡献研究。
提升生产服务可靠性
由 Asmayaseen
生产团队需要清晰的可靠性目标和可重复的事件处理实践。此技能提供用于 SLO、错误预算、告警和事后复盘的 SRE 模板。
使用 Minikube 操作本地 Kubernetes
由 Asmayaseen
当集群、镜像和服务步骤分散时,本地 Kubernetes 设置可能会很慢。此技能为 Claude、Codex 和 Claude Code 提供简洁的 Minikube 与 kubectl 工作流。
使用 MCP DevTools 检查 Next.js 应用
由 Asmayaseen
Next.js 项目可能会将路由、组件和构建细节分散隐藏在许多文件中。此技能通过 MCP 查询 Next.js DevTools,并汇总这些信息。
为什么此变体排名第一
asmayaseen-nextjs-devtools
2026-09-09
更快构建 Neon Postgres 应用
由 Asmayaseen
当连接模式、连接池和分支选择不明确时,serverless Postgres 设置可能会很慢。此 skill 为 Claude、Codex 和 Claude Code 提供实用的 Neon 示例、模板和工作流指导。
为什么此变体排名第一
安装技能使用跟踪钩子
由 Asmayaseen
团队需要一种简单方式来衡量 Claude Code skills 是否被使用并通过验证。此技能会安装本地钩子和一个用于使用情况跟踪的分析脚本。
创建前端 TypeScript 类型
由 Asmayaseen
前端项目需要一致的 API 和表单类型。此技能会根据现有前端指导 TypeScript interface、union、generic 和命名模式。
构建 Next.js 前端组件
由 Asmayaseen
Next.js 团队经常错误地混用 Server Components 和 Client Components。此技能为可访问、类型化的 App Router 组件提供可复用模式。
使用 Framer Motion 构建 React 动画
由 Asmayaseen
React 团队需要流畅动画,而不必从零重建模式。此技能提供 Framer Motion 参考资料、模板和示例,用于常见的 UI 动效工作。
获取库 API 文档
由 Asmayaseen
开发者经常需要最新的 API 示例,但不想把完整文档加载到模型上下文中。此技能会获取 Context7 库文档,并返回聚焦的示例、签名和注释。
在 Kubernetes 上部署 PostgreSQL
由 Asmayaseen
在 Kubernetes 上运行 PostgreSQL 需要 Operator、存储、Secret、备份和运维检查。本技能指导 CloudNativePG 安装、集群配置、连接、备份、监控和清理。
使用 Strimzi 在 Kubernetes 上部署 Kafka
由 Asmayaseen
在 Kubernetes 上运行 Kafka 需要仔细设置 Operator、选择存储方案并配置服务发现。此技能提供清晰的 Strimzi 步骤,涵盖部署、主题、测试和故障排查。
将 Kubernetes 应用部署到云端
由 Asmayaseen
当构建设置、密钥和集群架构发生偏移时,云端 Kubernetes 部署会失败。此技能为 AKS、GKE 和 DOKS 提供检查清单、CI/CD 模式和调试流程。
为 Docker 和 Kubernetes 容器化应用
由 Asmayaseen
容器工作经常失败,因为构建、运行时、网络和密钥处理在不同环境中并不一致。此技能为 Claude、Codex 和 Claude Code 提供可复用的 Dockerfile、Compose 文件、Helm charts 和生产检查模式。
为微服务配置 Dapr Pub/Sub
由 Asmayaseen
事件驱动服务需要在本地和 Kubernetes 环境中保持一致的 pub/sub 设置。此技能提供适用于 Kafka 或 Redis 的 Dapr 组件、订阅、发布和故障排查模式。
配置 Better Auth OAuth 和 OIDC SSO
由 Asmayaseen
OAuth/OIDC 设置在身份验证服务器、客户端、令牌存储和重定向之间容易出错。此技能会指导使用 PKCE、JWKS、刷新、登出和电子邮件验证模式来设置 Better Auth 服务器和 Next.js SSO 客户端。