my-claude-code

专为全栈开发者打造的Claude代码插件,集成Supabase、GitHub与前端开发工作流。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:my-claude-code。
它的用途是:专为全栈开发者打造的Claude代码插件,集成Supabase、GitHub与前端开发工作流。
详细介绍见:https://321skill.com/skills/my-claude-code/
请根据该页面的说明完成安装。

使用示例

'请使用frontend-developer代理,基于这个需求文档为我的Next.js项目设计一个用户仪表盘页面。',它会调用相应的代理,结合react、nextjs、tailwindcss等技能,分析你的代码库结构,并生成符合项目规范的前端组件代码和样式。或者,当你发现一个生产环境Bug时,直接说'调查一下用户登录失败的问题',investigator代理会自动启动,追踪错误日志并定位到Supabase RLS策略或身份验证流程中的具体问题。

介绍

my-claude-code 是一个面向个人工作流的Claude代码插件,旨在解决全栈开发者在构建现代Web应用时,上下文切换频繁、工具链集成度低的问题。它通过预置的技能(Skill)、代理(Agent)和MCP服务器,将前端开发、后端数据库操作与GitHub自动化流程无缝衔接,让开发者能在一个统一的对话环境中完成从需求分析到代码实现的完整闭环。

使用方式非常灵活。你可以通过命令行快速安装插件,然后在Claude对话中直接调用特定的技能或代理。例如,当需要开发一个新功能时,可以触发analyzer代理自动分析代码库上下文;当遇到Bug时,investigator代理会介入排查根因。插件还提供了如/personal:work-on-github-issue这样的快捷命令,能直接处理GitHub上的任务。

这个插件特别适合那些日常使用Next.js、React、Tailwind CSS、Supabase等技术栈,并希望提升开发效率与代码质量的全栈开发者或前端工程师。它将这些常用工具的最佳实践和自动化流程封装起来,减少了重复配置和查找文档的时间。

建议在使用前,根据README配置好必要的环境变量(如Supabase访问令牌),以充分发挥MCP服务器的能力。对于本地开发,可以直接加载插件目录进行测试和调试。注意,插件主要围绕特定的技术栈(如Supabase、Trigger.dev)构建,如果你的项目不使用这些技术,部分功能可能无法直接应用。

核心特点

与通用代码助手插件不同,它深度集成了Supabase数据库操作、Trigger.dev后台任务管理以及针对前端开发(Next.js, React, shadcn/ui)的专项技能,并内置了能自动分析代码库和排查Bug的智能代理,形成了覆盖开发全周期的自动化工作流。

注意事项

该Skill高度依赖Supabase、Trigger.dev等特定技术栈,对于不使用这些技术或技术栈差异较大的项目,其核心价值会大打折扣。

常见问题

如何安装这个Claude插件?

推荐从GitHub市场添加并安装:先执行 `/plugin marketplace add azlekov/my-claude-code`,再执行 `/plugin install personal@azlekov/my-claude-code`。

supabase-expert技能具体能做什么?

该技能专注于Supabase的服务器端渲染(SSR)身份验证、行级安全(RLS)策略配置以及边缘函数的开发与调试,帮助您构建安全的全栈应用。