[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JDPYVJQXDGEMZ7SKTHP2NF":3,"skill-same:01M6JDPYVJQXDGEMZ7SKTHP2NF":81},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":59,"commitSha":60,"skillDirectory":61,"forksCount":62,"repositoryHtmlUrl":63,"repositoryHomepageUrl":64,"ownerHtmlUrl":65,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":66,"install":67,"resources":80},"01M6JDPYVJQXDGEMZ7SKTHP2NF","debugging-tools",null,"Debugging tools for development: pdb, debugpy, and Node.js inspect debugger.","S3YED\u002Fappie-kit","S3YED","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62743867?v=4","01M6JBKBRRVP6KMS0VWZ27T3R6","01M6JBKBX0KG30284PW1DBYJT1",14,"MIT","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Ffleet\u002Fdebugging-tools\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"debugging tools","debugging","Tools","hermes agent","systematic-debugging","development-workflow","for","inspect","pdb","systematic","cdp","node","macos","hermes","js","debugger","development","windows","workflow","linux","2026-11-10 10:12:30",false,"---\nname: debugging-tools\ndescription: \"Debugging tools for development: pdb, debugpy, and Node.js inspect debugger.\"\nversion: 1.0.0\nauthor: Hermes Agent\nlicense: MIT\nplatforms: [linux, macos, windows]\nmetadata:\n  hermes:\n    tags: [debugging, pdb, debugpy, node-inspect, cdp, breakpoints, dap]\n    related_skills: [development-workflow, systematic-debugging]\n---\n\n# Debugging Tools\n\nDebugging tools for stepping through code, inspecting state, and diagnosing runtime issues. This umbrella covers the two main ecosystems: Python and Node.js.\n\n## When to Use Debugger Tools\n\n| Tool | When |\n|------|------|\n| **`breakpoint()` + pdb** | Local, interactive, simplest. Add `breakpoint()` in source, run normally. |\n| **`python -m pdb`** | Launch existing script under pdb with no source edits. |\n| **`debugpy`** | Remote \u002F headless \u002F attach to already-running process. Talks DAP. |\n| **`node inspect`** | Node.js built-in inspector. Zero install, CLI REPL. |\n| **`ndb` \u002F CDP** | Scriptable from Node\u002FPython; automate many breakpoints across runs. |\n\n**Start with `breakpoint()` or `node inspect`.** These are the cheapest things that work.\n\n## Don't Use Debugger For\nThings `print()` \u002F `console.log` \u002F `pytest -vv --tb=long` solve in under a minute. Breakpoint-driven debugging is heavier; use it when the payoff is real.\n\n## Quick Reference: pdb\nInside any pdb prompt (`(Pdb)`):\n```\nn(ext)     — Execute next line\ns(tep)     — Step into function\nc(ontinue) — Continue until breakpoint\nl(ist)     — Show source around current line\np \u003Cexpr>   — Print expression value\npp \u003Cexpr>  — Pretty-print expression\nb \u003Cline_no> — Set breakpoint at line\n```\n\n## Quick Reference: node inspect\n```\nn            — Next\ns            — Step into\no            — Step out\ncont         — Continue\nlist(n)      — List source around line\nrepl         — Enter REPL mode to eval expressions\nwatch('var') — Watch expression across steps\n```\n\n## Reference Files\n- **references\u002Fpython-debugpy.md** — Full pdb + debugpy reference (breakpoint(), remote attach, DAP)\n- **references\u002Fnode-inspect-debugger.md** — Full Node.js --inspect reference (CDP, breakpoints, heap snapshots)","# Debugging Tools\n\nDebugging tools for stepping through code, inspecting state, and diagnosing runtime issues. This umbrella covers the two main ecosystems: Python and Node.js.\n\n## When to Use Debugger Tools\n\n| Tool | When |\n|------|------|\n| **`breakpoint()` + pdb** | Local, interactive, simplest. Add `breakpoint()` in source, run normally. |\n| **`python -m pdb`** | Launch existing script under pdb with no source edits. |\n| **`debugpy`** | Remote \u002F headless \u002F attach to already-running process. Talks DAP. |\n| **`node inspect`** | Node.js built-in inspector. Zero install, CLI REPL. |\n| **`ndb` \u002F CDP** | Scriptable from Node\u002FPython; automate many breakpoints across runs. |\n\n**Start with `breakpoint()` or `node inspect`.** These are the cheapest things that work.\n\n## Don't Use Debugger For\nThings `print()` \u002F `console.log` \u002F `pytest -vv --tb=long` solve in under a minute. Breakpoint-driven debugging is heavier; use it when the payoff is real.\n\n## Quick Reference: pdb\nInside any pdb prompt (`(Pdb)`):\n```\nn(ext)     — Execute next line\ns(tep)     — Step into function\nc(ontinue) — Continue until breakpoint\nl(ist)     — Show source around current line\np \u003Cexpr>   — Print expression value\npp \u003Cexpr>  — Pretty-print expression\nb \u003Cline_no> — Set breakpoint at line\n```\n\n## Quick Reference: node inspect\n```\nn            — Next\ns            — Step into\no            — Step out\ncont         — Continue\nlist(n)      — List source around line\nrepl         — Enter REPL mode to eval expressions\nwatch('var') — Watch expression across steps\n```\n\n## Reference Files\n- **references\u002Fpython-debugpy.md** — Full pdb + debugpy reference (breakpoint(), remote attach, DAP)\n- **references\u002Fnode-inspect-debugger.md** — Full Node.js --inspect reference (CDP, breakpoints, heap snapshots)",{"name":5,"author":48,"license":14,"version":49,"metadata":50,"platforms":58,"description":7},"Hermes Agent","1.0.0",{"hermes":51},{"tags":52,"related_skills":57},[24,31,53,54,33,55,56],"debugpy","node-inspect","breakpoints","dap",[28,27],[42,35,40],"master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Ffleet\u002Fdebugging-tools",3,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit","https:\u002F\u002Fweblyfe.ai","https:\u002F\u002Fgithub.com\u002FS3YED","2026-08-27 01:54:02",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add S3YED\u002Fappie-kit --skill debugging-tools",{"tool":73,"command":74},"bunx","bunx skills add S3YED\u002Fappie-kit --skill debugging-tools",{"tool":76,"command":77},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill debugging-tools","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Ffleet\u002Fdebugging-tools\u002FSKILL.md",true,[],[82,111,146,172,200,221],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":95,"publishedAt":43},"01M6JFD4M6N4DSGC7TXEJ5R3J2","ai-music","AI music generation and audio tools: HeartMuLa lyrics-to-music generation, songwriting craft (+ Suno prompts), and audio spectrogram\u002Ffeature visualization.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fwethlete\u002Fai-music\u002FSKILL.md",[88,91,94],{"categoryNo":89,"categoryName":90,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":92,"categoryName":93,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[96,97,98,99,25,100,36,26,101,102,103,104,105,106,107,108,109,110],"music","ai music","humanizer","visualization","Audio","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":112,"name":113,"nameZh":6,"description":114,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":125,"publishedAt":43},"01M6JFCZE4XNFQFMNZDHKHT5V5","agentic-webdesign-design-system-ingestion","Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-design-system-ingestion\u002FSKILL.md",[117,120],{"categoryNo":118,"categoryName":119,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":121,"categoryName":122,"taxonomyType":123,"taxonomyTypeDesc":124},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145],"design","agentic","design system","system","ingestion","webdesign","agentic webdesign design system ingestion","components","generate","design systems","website","ui","Tailwind","bolt","lovable","v0","design-system","wed","design system components","appie",{"skillNo":147,"name":148,"nameZh":6,"description":149,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":150,"categories":151,"keywords":154,"publishedAt":43},"01M6JFCVPX3913CFAS6QQJ33ZB","agentic-webdesign-agent-elements","Use 21st.dev Agent Elements — 25 shadcn\u002Fui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-agent-elements\u002FSKILL.md",[152,153],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":121,"categoryName":122,"taxonomyType":123,"taxonomyTypeDesc":124},[127,155,131,156,157,158,133,159,160,161,162,163,164,165,166,167,168,169,170,171],"elements","agentic webdesign agent elements","MCP","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","edit","install","input","lock","source",{"skillNo":173,"name":174,"nameZh":6,"description":175,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":176,"categories":177,"keywords":182,"publishedAt":43},"01M6JFCQC7H65M9QJ6TRE71BS1","vercel-deployment","Deploy static sites and frontends to Vercel — handles both CLI and REST API paths, including the CLI token sanitization workaround.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fvercel-deployment\u002FSKILL.md",[178,181],{"categoryNo":179,"categoryName":180,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[183,184,185,35,186,42,40,187,188,189,190,191,192,193,194,195,196,197,198,199],"deployment","vercel deployment","vercel","cli","deploy","vercel deploy","REST","api","site","deploy to vercel","token","rest api","host","sites","paths","sanitization","static site",{"skillNo":201,"name":202,"nameZh":6,"description":203,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":204,"categories":205,"keywords":207,"publishedAt":43},"01M6JFCM4SMTXBM5A01BK2YQG1","software-quality-workflows","Umbrella workflow for TDD, debugging, code simplification, spikes, pre-commit review, and debugger-assisted investigation.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fsoftware-quality-workflows\u002FSKILL.md",[206],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[208,209,210,211,212,213,41,214,24,215,38,216,217,218,219,220,29],"workflows","quality","software","software quality workflows","review","tdd","commit","code","pre-commit","investigation","code simplification","user","simplification",{"skillNo":222,"name":223,"nameZh":6,"description":224,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":225,"categories":226,"keywords":234,"publishedAt":43},"01M6JFCGD0M6CEATY01W7YN6DB","react-component-refactoring","Safely refactor large React components into smaller, maintainable pieces using proven patterns","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Freact-component-refactoring\u002FSKILL.md",[227,230,233],{"categoryNo":228,"categoryName":229,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":231,"categoryName":232,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[235,236,237,238,239,240,241,242,35,243,244,133,245,40,246,215,247,248,249,250],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]