一键在 Manus 中运行任何 Skill

jinhui-stack-debug

星标21

分支1

更新时间2026年4月11日 16:00

网站和小程序调试的依赖关系排查指南。当调试陷入僵局时，Use this skill to systematically identify which dependency layer is causing the issue: (1) Data dependencies - verify backend before debugging frontend, (2) Environment differences - local vs production issues, (3) Version compatibility - library/framework mismatches, (4) Configuration errors - missing or incorrect configs, (5) State management - component/app state problems, (6) Network layer - CORS, timeouts, connectivity, (7) Permission/authorization - auth and access control, (8) Caching issues - stale code or data, (9) Build process - compilation and bundling problems, (10) Runtime environment - browser/platform differences.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

LSTM-Kirigaya

LSTM-Kirigaya/jinhui-skills

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

Jinhui Stack Debug

Copyright © 锦恢 kirigaya.cn

网站和小程序调试的依赖关系排查指南。当调试陷入僵局时，按照此指南逐层排查，避免在低层级问题上浪费时间。

核心理念：很多问题表象在前端，根源在依赖层。先验证依赖，再调试本体。

依赖类型目录

类型	路径	描述
数据依赖型	./data/DATA.md	前端表现依赖于后端数据的正确性。页面显示异常时，先验证接口返回，再排查前端渲染。
环境依赖型	./environment/ENVIRONMENT.md	不同运行环境导致行为差异。本地正常但线上异常时，检查环境变量、域名、协议等差异。
版本依赖型	./version/VERSION.md	依赖库/框架版本不兼容。升级后功能异常时，检查版本变更和 breaking changes。
配置依赖型	./config/CONFIG.md	配置文件错误或遗漏。白名单、API密钥、路由配置等问题。
状态依赖型	./state/STATE.md	组件/应用状态管理问题。刷新后正常、切换页面后数据丢失等。
网络依赖型	./network/NETWORK.md	网络层通信问题。请求超时、跨域报错、404/500 错误等。
权限依赖型	./permission/PERMISSION.md	用户权限或接口权限不足。功能按钮不显示、接口返回 403 等。
缓存依赖型	./cache/CACHE.md	各类缓存导致代码不生效。改代码后页面无变化、用户看到旧版本等。
构建依赖型	./build/BUILD.md	构建工具或产物问题。代码没生效、sourcemap 不匹配等。
运行时依赖型	./runtime/RUNTIME.md	浏览器/宿主环境差异。某浏览器正常某浏览器异常、iOS/Android 表现不一致等。

开发规范

类型	路径	描述
前端开发准则	./frontend-coding-standards/SKILL.md	前端组件开发规范。适用于 Vue、React、Next.js、Taro 等框架。组件函数与样式分离，文件行数控制（1000 行阈值），模块拆分与依赖迁移，提升复用性和健壮性。
测试集构建	./build-test-suite/SKILL.md	软件测试集构建指南。项目初始化时检查测试集，遵循五大准则。
迭代习惯	./good-iteration-habits/SKILL.md	良好的软件迭代习惯。测试优先、复用现有接口、功能影响评估、重构验证。
重构验证	./refactoring-with-verification/SKILL.md	重构 UI 时的功能完整性验证指南。截图记录、功能清单、前后对比，确保不丢失任何功能。

Usage Examples

Example 1

User: 我的小程序在本地运行正常，但上线后页面白屏了，请帮我按依赖关系逐层排查可能的原因。

AI: 我将根据你的请求，使用本 Skill 中的工具和调试流程来帮助你完成任务。

Example 2

User: 前端页面显示的数据和预期不一致，请帮我分析是前端渲染问题还是后端接口数据问题。

AI: 我将根据你的请求，使用本 Skill 中的工具和调试流程来帮助你完成任务。

同仓库更多 Skills

同仓库

read-arxiv-paper

LSTM-Kirigaya/jinhui-skills

读取 arxiv 论文的 LaTeX 源码并生成结构化中文摘要或中文博客 JSON。当用户给出 arxiv URL（如 https://arxiv.org/abs/2601.07372）并要求阅读、总结、提炼论文观点时，使用默认工作流生成 ./knowledge/summary_{tag}.md；当用户要求生成中文博客、输出 JSON、保留图表并输出到测试工作区时，启用 read-paper 工作流。

2026-07-0321

zhihu-oauth

LSTM-Kirigaya/jinhui-skills

知乎 OAuth 2.0 接入指南。用于帮助开发者完成知乎 Authorization Code 授权流程，包括 APP_ID/APP_KEY 申请、授权页跳转、Token 换取、用户信息获取及社交关系接口调用。适用于 Web 应用第三方登录场景。

2026-06-3021

admin-console-blueprint

LSTM-Kirigaya/jinhui-skills

Use when you need to design, scaffold, refactor, or document a medium-sized admin console built as an independent Vite/React SPA backed by modular Go admin APIs, Cookie session auth, and CLI-provisioned administrator accounts. Helpful for tasks like planning a new admin console, extracting reusable architecture from an existing console, adding `/api/admin/*` modules, or converting a one-off internal page into a structured admin system.

2026-06-2121

rn-app-builder

LSTM-Kirigaya/jinhui-skills

基于真实项目沉淀的 React Native 移动端 App 一键构建方案。覆盖 Expo 初始化、monorepo 共享包、鉴权路由、API 适配、主题系统与构建发布。

2026-06-2021

lark-markdown

LSTM-Kirigaya/jinhui-skills

Build and send Feishu (Lark) interactive rich-text cards using lark_md format. Use when the user needs to: (1) construct Feishu card messages with markdown support, (2) send interactive cards via the Feishu Bot API, (3) format text with bold, inline code, lists, tables, or code blocks inside Feishu cards, or (4) convert markdown content into Feishu card elements.

2026-06-2021

tencent-ses-service

LSTM-Kirigaya/jinhui-skills

腾讯云官方的邮件推送 SES 服务使用 skill。涵盖：SMTP 发送邮件所需的全部环境变量、API 接口设计规范、验证码邮件的完整发送流程（含人机验证、频率控制、Redis 存储）。本 skill 以网络协议 / HTTP API 接口级别描述，不绑定具体编程语言。

2026-06-2021

name	jinhui-stack-debug
description	网站和小程序调试的依赖关系排查指南。当调试陷入僵局时，Use this skill to systematically identify which dependency layer is causing the issue: (1) Data dependencies - verify backend before debugging frontend, (2) Environment differences - local vs production issues, (3) Version compatibility - library/framework mismatches, (4) Configuration errors - missing or incorrect configs, (5) State management - component/app state problems, (6) Network layer - CORS, timeouts, connectivity, (7) Permission/authorization - auth and access control, (8) Caching issues - stale code or data, (9) Build process - compilation and bundling problems, (10) Runtime environment - browser/platform differences.
tags	["调试","排查","小程序","网站"]
model	deepseek-chat
rootUrl	https://raw.githubusercontent.com/LSTM-Kirigaya/jinhui-skills/main/skills/jinhui-stack-debug/SKILL.md

Jinhui Stack Debug

Copyright © 锦恢 kirigaya.cn

网站和小程序调试的依赖关系排查指南。当调试陷入僵局时，按照此指南逐层排查，避免在低层级问题上浪费时间。

核心理念：很多问题表象在前端，根源在依赖层。先验证依赖，再调试本体。

依赖类型目录

类型	路径	描述
数据依赖型	./data/DATA.md	前端表现依赖于后端数据的正确性。页面显示异常时，先验证接口返回，再排查前端渲染。
环境依赖型	./environment/ENVIRONMENT.md	不同运行环境导致行为差异。本地正常但线上异常时，检查环境变量、域名、协议等差异。
版本依赖型	./version/VERSION.md	依赖库/框架版本不兼容。升级后功能异常时，检查版本变更和 breaking changes。
配置依赖型	./config/CONFIG.md	配置文件错误或遗漏。白名单、API密钥、路由配置等问题。
状态依赖型	./state/STATE.md	组件/应用状态管理问题。刷新后正常、切换页面后数据丢失等。
网络依赖型	./network/NETWORK.md	网络层通信问题。请求超时、跨域报错、404/500 错误等。
权限依赖型	./permission/PERMISSION.md	用户权限或接口权限不足。功能按钮不显示、接口返回 403 等。
缓存依赖型	./cache/CACHE.md	各类缓存导致代码不生效。改代码后页面无变化、用户看到旧版本等。
构建依赖型	./build/BUILD.md	构建工具或产物问题。代码没生效、sourcemap 不匹配等。
运行时依赖型	./runtime/RUNTIME.md	浏览器/宿主环境差异。某浏览器正常某浏览器异常、iOS/Android 表现不一致等。

开发规范

类型	路径	描述
前端开发准则	./frontend-coding-standards/SKILL.md	前端组件开发规范。适用于 Vue、React、Next.js、Taro 等框架。组件函数与样式分离，文件行数控制（1000 行阈值），模块拆分与依赖迁移，提升复用性和健壮性。
测试集构建	./build-test-suite/SKILL.md	软件测试集构建指南。项目初始化时检查测试集，遵循五大准则。
迭代习惯	./good-iteration-habits/SKILL.md	良好的软件迭代习惯。测试优先、复用现有接口、功能影响评估、重构验证。
重构验证	./refactoring-with-verification/SKILL.md	重构 UI 时的功能完整性验证指南。截图记录、功能清单、前后对比，确保不丢失任何功能。

Usage Examples

Example 1

User: 我的小程序在本地运行正常，但上线后页面白屏了，请帮我按依赖关系逐层排查可能的原因。

AI: 我将根据你的请求，使用本 Skill 中的工具和调试流程来帮助你完成任务。

Example 2

User: 前端页面显示的数据和预期不一致，请帮我分析是前端渲染问题还是后端接口数据问题。

AI: 我将根据你的请求，使用本 Skill 中的工具和调试流程来帮助你完成任务。