[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6AF3DH5003N9ZWKJHA4T0ZK":3,"skill-same:01M6AF3DH5003N9ZWKJHA4T0ZK":70},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":39,"linkOnly":40,"markdownContent":41,"markdownBody":42,"frontMatter":43,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":51,"ownerHtmlUrl":52,"ownerBlogUrl":53,"ownerDescription":54,"updatedAt":55,"install":56,"resources":69},"01M6AF3DH5003N9ZWKJHA4T0ZK","telegram-mini-app",null,"Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API, payments, user authentication, and building viral mini apps that monetize. Use when: telegram mini app, TWA, telegram web app, TON app, mini app.","davila7\u002Fclaude-code-templates","davila7","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6216945?v=4","01M6ADEWWFPS191NFM0Y1EX1JH","Daniel Avila","01M6ADJHGM78PHQRD3XZTFDVKK",33481,"MIT","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Ftelegram-mini-app\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"telegram mini app","telegram","app","viral","when","spawner","ton","ecosystem","with","native","apps","web app","web","expert","use","api","payments","apache","authentication","run","2026-11-10 10:12:30",false,"---\nname: telegram-mini-app\ndescription: \"Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API, payments, user authentication, and building viral mini apps that monetize. Use when: telegram mini app, TWA, telegram web app, TON app, mini app.\"\nmetadata:\n  source: vibeship-spawner-skills (Apache 2.0)\n---\n\n# Telegram Mini App\n\n**Role**: Telegram Mini App Architect\n\nYou build apps where 800M+ Telegram users already are. You understand\nthe Mini App ecosystem is exploding - games, DeFi, utilities, social\napps. You know TON blockchain and how to monetize with crypto. You\ndesign for the Telegram UX paradigm, not traditional web.\n\n## Capabilities\n\n- Telegram Web App API\n- Mini App architecture\n- TON Connect integration\n- In-app payments\n- User authentication via Telegram\n- Mini App UX patterns\n- Viral Mini App mechanics\n- TON blockchain integration\n\n## Patterns\n\n### Mini App Setup\n\nGetting started with Telegram Mini Apps\n\n**When to use**: When starting a new Mini App\n\n```javascript\n## Mini App Setup\n\n### Basic Structure\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Cscript src=\"https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cscript>\n    const tg = window.Telegram.WebApp;\n    tg.ready();\n    tg.expand();\n\n    \u002F\u002F User data\n    const user = tg.initDataUnsafe.user;\n    console.log(user.first_name, user.id);\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n### React Setup\n```jsx\n\u002F\u002F hooks\u002FuseTelegram.js\nexport function useTelegram() {\n  const tg = window.Telegram?.WebApp;\n\n  return {\n    tg,\n    user: tg?.initDataUnsafe?.user,\n    queryId: tg?.initDataUnsafe?.query_id,\n    expand: () => tg?.expand(),\n    close: () => tg?.close(),\n    ready: () => tg?.ready(),\n  };\n}\n\n\u002F\u002F App.jsx\nfunction App() {\n  const { tg, user, expand, ready } = useTelegram();\n\n  useEffect(() => {\n    ready();\n    expand();\n  }, []);\n\n  return \u003Cdiv>Hello, {user?.first_name}\u003C\u002Fdiv>;\n}\n```\n\n### Bot Integration\n```javascript\n\u002F\u002F Bot sends Mini App\nbot.command('app', (ctx) => {\n  ctx.reply('Open the app:', {\n    reply_markup: {\n      inline_keyboard: [[\n        { text: '? Open App', web_app: { url: 'https:\u002F\u002Fyour-app.com' } }\n      ]]\n    }\n  });\n});\n```\n```\n\n### TON Connect Integration\n\nWallet connection for TON blockchain\n\n**When to use**: When building Web3 Mini Apps\n\n```python\n## TON Connect Integration\n\n### Setup\n```bash\nnpm install @tonconnect\u002Fui-react\n```\n\n### React Integration\n```jsx\nimport { TonConnectUIProvider, TonConnectButton } from '@tonconnect\u002Fui-react';\n\n\u002F\u002F Wrap app\nfunction App() {\n  return (\n    \u003CTonConnectUIProvider manifestUrl=\"https:\u002F\u002Fyour-app.com\u002Ftonconnect-manifest.json\">\n      \u003CMainApp \u002F>\n    \u003C\u002FTonConnectUIProvider>\n  );\n}\n\n\u002F\u002F Use in components\nfunction WalletSection() {\n  return (\n    \u003CTonConnectButton \u002F>\n  );\n}\n```\n\n### Manifest File\n```json\n{\n  \"url\": \"https:\u002F\u002Fyour-app.com\",\n  \"name\": \"Your Mini App\",\n  \"iconUrl\": \"https:\u002F\u002Fyour-app.com\u002Ficon.png\"\n}\n```\n\n### Send TON Transaction\n```jsx\nimport { useTonConnectUI } from '@tonconnect\u002Fui-react';\n\nfunction PaymentButton({ amount, to }) {\n  const [tonConnectUI] = useTonConnectUI();\n\n  const handlePay = async () => {\n    const transaction = {\n      validUntil: Math.floor(Date.now() \u002F 1000) + 60,\n      messages: [{\n        address: to,\n        amount: (amount * 1e9).toString(), \u002F\u002F TON to nanoton\n      }]\n    };\n\n    await tonConnectUI.sendTransaction(transaction);\n  };\n\n  return \u003Cbutton onClick={handlePay}>Pay {amount} TON\u003C\u002Fbutton>;\n}\n```\n```\n\n### Mini App Monetization\n\nMaking money from Mini Apps\n\n**When to use**: When planning Mini App revenue\n\n```javascript\n## Mini App Monetization\n\n### Revenue Streams\n| Model | Example | Potential |\n|-------|---------|-----------|\n| TON payments | Premium features | High |\n| In-app purchases | Virtual goods | High |\n| Ads (Telegram Ads) | Display ads | Medium |\n| Referral | Share to earn | Medium |\n| NFT sales | Digital collectibles | High |\n\n### Telegram Stars (New!)\n```javascript\n\u002F\u002F In your bot\nbot.command('premium', (ctx) => {\n  ctx.replyWithInvoice({\n    title: 'Premium Access',\n    description: 'Unlock all features',\n    payload: 'premium',\n    provider_token: '', \u002F\u002F Empty for Stars\n    currency: 'XTR', \u002F\u002F Telegram Stars\n    prices: [{ label: 'Premium', amount: 100 }], \u002F\u002F 100 Stars\n  });\n});\n```\n\n### Viral Mechanics\n```jsx\n\u002F\u002F Referral system\nfunction ReferralShare() {\n  const { tg, user } = useTelegram();\n  const referralLink = `https:\u002F\u002Ft.me\u002Fyour_bot?start=ref_${user.id}`;\n\n  const share = () => {\n    tg.openTelegramLink(\n      `https:\u002F\u002Ft.me\u002Fshare\u002Furl?url=${encodeURIComponent(referralLink)}&text=Check this out!`\n    );\n  };\n\n  return \u003Cbutton onClick={share}>Invite Friends (+10 coins)\u003C\u002Fbutton>;\n}\n```\n\n### Gamification for Retention\n- Daily rewards\n- Streak bonuses\n- Leaderboards\n- Achievement badges\n- Referral bonuses\n```\n\n## Anti-Patterns\n\n### ❌ Ignoring Telegram Theme\n\n**Why bad**: Feels foreign in Telegram.\nBad user experience.\nJarring transitions.\nUsers don't trust it.\n\n**Instead**: Use tg.themeParams.\nMatch Telegram colors.\nUse native-feeling UI.\nTest in both light\u002Fdark.\n\n### ❌ Desktop-First Mini App\n\n**Why bad**: 95% of Telegram is mobile.\nTouch targets too small.\nDoesn't fit in Telegram UI.\nScrolling issues.\n\n**Instead**: Mobile-first always.\nTest on real phones.\nTouch-friendly buttons.\nFit within Telegram frame.\n\n### ❌ No Loading States\n\n**Why bad**: Users think it's broken.\nPoor perceived performance.\nHigh exit rate.\nConfusion.\n\n**Instead**: Show skeleton UI.\nLoading indicators.\nProgressive loading.\nOptimistic updates.\n\n## ⚠️ Sharp Edges\n\n| Issue | Severity | Solution |\n|-------|----------|----------|\n| Not validating initData from Telegram | high | ## Validating initData |\n| TON Connect not working on mobile | high | ## TON Connect Mobile Issues |\n| Mini App feels slow and janky | medium | ## Mini App Performance |\n| Custom buttons instead of MainButton | medium | ## Using MainButton Properly |\n\n## Related Skills\n\nWorks well with: `telegram-bot-builder`, `frontend`, `blockchain-defi`, `viral-generator-builder`\n","# Telegram Mini App\n\n**Role**: Telegram Mini App Architect\n\nYou build apps where 800M+ Telegram users already are. You understand\nthe Mini App ecosystem is exploding - games, DeFi, utilities, social\napps. You know TON blockchain and how to monetize with crypto. You\ndesign for the Telegram UX paradigm, not traditional web.\n\n## Capabilities\n\n- Telegram Web App API\n- Mini App architecture\n- TON Connect integration\n- In-app payments\n- User authentication via Telegram\n- Mini App UX patterns\n- Viral Mini App mechanics\n- TON blockchain integration\n\n## Patterns\n\n### Mini App Setup\n\nGetting started with Telegram Mini Apps\n\n**When to use**: When starting a new Mini App\n\n```javascript\n## Mini App Setup\n\n### Basic Structure\n```html\n\u003C!DOCTYPE html>\n\u003Chtml>\n\u003Chead>\n  \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  \u003Cscript src=\"https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js\">\u003C\u002Fscript>\n\u003C\u002Fhead>\n\u003Cbody>\n  \u003Cscript>\n    const tg = window.Telegram.WebApp;\n    tg.ready();\n    tg.expand();\n\n    \u002F\u002F User data\n    const user = tg.initDataUnsafe.user;\n    console.log(user.first_name, user.id);\n  \u003C\u002Fscript>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n### React Setup\n```jsx\n\u002F\u002F hooks\u002FuseTelegram.js\nexport function useTelegram() {\n  const tg = window.Telegram?.WebApp;\n\n  return {\n    tg,\n    user: tg?.initDataUnsafe?.user,\n    queryId: tg?.initDataUnsafe?.query_id,\n    expand: () => tg?.expand(),\n    close: () => tg?.close(),\n    ready: () => tg?.ready(),\n  };\n}\n\n\u002F\u002F App.jsx\nfunction App() {\n  const { tg, user, expand, ready } = useTelegram();\n\n  useEffect(() => {\n    ready();\n    expand();\n  }, []);\n\n  return \u003Cdiv>Hello, {user?.first_name}\u003C\u002Fdiv>;\n}\n```\n\n### Bot Integration\n```javascript\n\u002F\u002F Bot sends Mini App\nbot.command('app', (ctx) => {\n  ctx.reply('Open the app:', {\n    reply_markup: {\n      inline_keyboard: [[\n        { text: '? Open App', web_app: { url: 'https:\u002F\u002Fyour-app.com' } }\n      ]]\n    }\n  });\n});\n```\n```\n\n### TON Connect Integration\n\nWallet connection for TON blockchain\n\n**When to use**: When building Web3 Mini Apps\n\n```python\n## TON Connect Integration\n\n### Setup\n```bash\nnpm install @tonconnect\u002Fui-react\n```\n\n### React Integration\n```jsx\nimport { TonConnectUIProvider, TonConnectButton } from '@tonconnect\u002Fui-react';\n\n\u002F\u002F Wrap app\nfunction App() {\n  return (\n    \u003CTonConnectUIProvider manifestUrl=\"https:\u002F\u002Fyour-app.com\u002Ftonconnect-manifest.json\">\n      \u003CMainApp \u002F>\n    \u003C\u002FTonConnectUIProvider>\n  );\n}\n\n\u002F\u002F Use in components\nfunction WalletSection() {\n  return (\n    \u003CTonConnectButton \u002F>\n  );\n}\n```\n\n### Manifest File\n```json\n{\n  \"url\": \"https:\u002F\u002Fyour-app.com\",\n  \"name\": \"Your Mini App\",\n  \"iconUrl\": \"https:\u002F\u002Fyour-app.com\u002Ficon.png\"\n}\n```\n\n### Send TON Transaction\n```jsx\nimport { useTonConnectUI } from '@tonconnect\u002Fui-react';\n\nfunction PaymentButton({ amount, to }) {\n  const [tonConnectUI] = useTonConnectUI();\n\n  const handlePay = async () => {\n    const transaction = {\n      validUntil: Math.floor(Date.now() \u002F 1000) + 60,\n      messages: [{\n        address: to,\n        amount: (amount * 1e9).toString(), \u002F\u002F TON to nanoton\n      }]\n    };\n\n    await tonConnectUI.sendTransaction(transaction);\n  };\n\n  return \u003Cbutton onClick={handlePay}>Pay {amount} TON\u003C\u002Fbutton>;\n}\n```\n```\n\n### Mini App Monetization\n\nMaking money from Mini Apps\n\n**When to use**: When planning Mini App revenue\n\n```javascript\n## Mini App Monetization\n\n### Revenue Streams\n| Model | Example | Potential |\n|-------|---------|-----------|\n| TON payments | Premium features | High |\n| In-app purchases | Virtual goods | High |\n| Ads (Telegram Ads) | Display ads | Medium |\n| Referral | Share to earn | Medium |\n| NFT sales | Digital collectibles | High |\n\n### Telegram Stars (New!)\n```javascript\n\u002F\u002F In your bot\nbot.command('premium', (ctx) => {\n  ctx.replyWithInvoice({\n    title: 'Premium Access',\n    description: 'Unlock all features',\n    payload: 'premium',\n    provider_token: '', \u002F\u002F Empty for Stars\n    currency: 'XTR', \u002F\u002F Telegram Stars\n    prices: [{ label: 'Premium', amount: 100 }], \u002F\u002F 100 Stars\n  });\n});\n```\n\n### Viral Mechanics\n```jsx\n\u002F\u002F Referral system\nfunction ReferralShare() {\n  const { tg, user } = useTelegram();\n  const referralLink = `https:\u002F\u002Ft.me\u002Fyour_bot?start=ref_${user.id}`;\n\n  const share = () => {\n    tg.openTelegramLink(\n      `https:\u002F\u002Ft.me\u002Fshare\u002Furl?url=${encodeURIComponent(referralLink)}&text=Check this out!`\n    );\n  };\n\n  return \u003Cbutton onClick={share}>Invite Friends (+10 coins)\u003C\u002Fbutton>;\n}\n```\n\n### Gamification for Retention\n- Daily rewards\n- Streak bonuses\n- Leaderboards\n- Achievement badges\n- Referral bonuses\n```\n\n## Anti-Patterns\n\n### ❌ Ignoring Telegram Theme\n\n**Why bad**: Feels foreign in Telegram.\nBad user experience.\nJarring transitions.\nUsers don't trust it.\n\n**Instead**: Use tg.themeParams.\nMatch Telegram colors.\nUse native-feeling UI.\nTest in both light\u002Fdark.\n\n### ❌ Desktop-First Mini App\n\n**Why bad**: 95% of Telegram is mobile.\nTouch targets too small.\nDoesn't fit in Telegram UI.\nScrolling issues.\n\n**Instead**: Mobile-first always.\nTest on real phones.\nTouch-friendly buttons.\nFit within Telegram frame.\n\n### ❌ No Loading States\n\n**Why bad**: Users think it's broken.\nPoor perceived performance.\nHigh exit rate.\nConfusion.\n\n**Instead**: Show skeleton UI.\nLoading indicators.\nProgressive loading.\nOptimistic updates.\n\n## ⚠️ Sharp Edges\n\n| Issue | Severity | Solution |\n|-------|----------|----------|\n| Not validating initData from Telegram | high | ## Validating initData |\n| TON Connect not working on mobile | high | ## TON Connect Mobile Issues |\n| Mini App feels slow and janky | medium | ## Mini App Performance |\n| Custom buttons instead of MainButton | medium | ## Using MainButton Properly |\n\n## Related Skills\n\nWorks well with: `telegram-bot-builder`, `frontend`, `blockchain-defi`, `viral-generator-builder`\n",{"name":5,"metadata":44,"description":7},{"source":45},"vibeship-spawner-skills (Apache 2.0)","main","2b749c82b5d11fac39d9a6e021ce3f5b8a541bd1","cli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Ftelegram-mini-app",3931,"https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates","https:\u002F\u002Faitmpl.com","https:\u002F\u002Fgithub.com\u002Fdavila7","https:\u002F\u002Fdanielavila.me","Building AI dev tools with LLMs","2026-11-14 06:14:46",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add davila7\u002Fclaude-code-templates --skill telegram-mini-app",{"tool":62,"command":63},"bunx","bunx skills add davila7\u002Fclaude-code-templates --skill telegram-mini-app",{"tool":65,"command":66},"pnpm","pnpm dlx skills add davila7\u002Fclaude-code-templates --skill telegram-mini-app","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fenterprise-communication\u002Ftelegram-mini-app\u002FSKILL.md",true,[],[71,100,127,160,194,218],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":82,"publishedAt":39},"01M70NHBTQ8BV0A2SCAZXEPHCX","wealthville-pool-scoring","Score DeFi liquidity pools before providing liquidity. Returns a 0-100 pool score and an Enter\u002FHold\u002FExit\u002FReduce\u002FAvoid verdict with calibrated confidence for ~68,800 Solana pools and 575 EVM pools, plus a public miss-inclusive track record. Use when asked whether a pool is worth LPing into, which pools look best right now, or how accurate the scores have actually been.","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fweb-data\u002Fwealthville-pool-scoring\u002FSKILL.md",[77],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[83,84,85,86,87,88,89,90,33,23,91,27,92,93,94,95,96,97,98,99],"scoring","pool","wealthville pool scoring","liquidity","which","for","exit","now","reduce","record","track","verdict","evm","solana","how","public","look",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":107,"publishedAt":39},"01M70MB6VR8ERJ4EM8D5KHBMEV","technical-debt-auditor","Scans a codebase and produces a quantified technical debt report with a prioritized remediation plan. Analyzes dead code, TODO\u002FFIXME\u002FHACK markers, dependency staleness, complexity hotspots, code duplication signals, test coverage gaps, unused exports, and outdated patterns. Use this skill when the user asks to audit their codebase for tech debt, wants a health check of their code quality, says things like \"where should I focus refactoring\", \"find code smells\", \"audit my codebase\", \"what technical debt do we have\", \"prioritize cleanup work\", or asks about code quality metrics. Also trigger when the user mentions \"code rot\", \"legacy cleanup\", \"refactoring priorities\", or wants to understand the overall health of a project before a major effort. Trigger even if the user doesn't say \"technical debt\" explicitly — any request to systematically assess code quality and identify improvement priorities belongs here.","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fdevelopment\u002Ftechnical-debt-auditor\u002FSKILL.md",[106],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},[108,109,110,111,112,113,114,115,116,117,118,23,119,120,121,122,123,124,125,126],"technical debt","debt","technical","technical debt auditor","auditor","coverage","complexity","markers","project","cleanup","unused","code","todo","work","plan","focus","signals","audit","dependency",{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":142,"publishedAt":39},"01M70KPYH9QNHCNME5GJQGE22K","readonly-sql-guard","Make an agent's database access provably read-only. Use when an agent runs caller-supplied SQL against a production\u002FERP\u002Fanalytics database (a \"query\" MCP tool, text-to-SQL, an admin console), or when reviewing DB-access code for write\u002FDDL\u002Fside-effect\u002Ftransaction-escape risks. Checks what a statement CALLS, not just its shape.","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fdatabase\u002Freadonly-sql-guard\u002FSKILL.md",[133,136,137],{"categoryNo":134,"categoryName":135,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},{"categoryNo":138,"categoryName":139,"taxonomyType":140,"taxonomyTypeDesc":141},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[143,144,145,146,147,148,149,88,150,151,152,153,154,155,156,33,157,158,23,159],"readonly","guard","sql guard","sql","readonly sql guard","erp","effect","read-only","db","just","tool","calls","only","MCP","access","database","query",{"skillNo":161,"name":162,"nameZh":6,"description":163,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":164,"licenseFileUrl":165,"sourceHtmlUrl":166,"categories":167,"keywords":171,"publishedAt":39},"01M6AFY6F7CC2BBZP1QD6VTNVC","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Futilities\u002Fweb-artifacts-builder\u002FSKILL.md",[168],{"categoryNo":169,"categoryName":170,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000009","前端开发",[172,31,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,88,193],"artifacts builder","web artifacts builder","artifacts","builder","state","routing","state management","component","css","frontend","ui","Tools","file","components","shadcn","react","Tailwind","suite","jsx","html","single-file","ui components",{"skillNo":195,"name":196,"nameZh":6,"description":197,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":164,"licenseFileUrl":198,"sourceHtmlUrl":199,"categories":200,"keywords":205,"publishedAt":39},"01M6AFWF33SFV9Z3SF4PEEE4BF","webapp-testing","Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fsecurity\u002Fwebapp-testing\u002FSKILL.md",[201,204],{"categoryNo":202,"categoryName":203,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":169,"categoryName":170,"taxonomyType":80,"taxonomyTypeDesc":81},[206,207,208,209,210,31,211,181,182,212,213,214,215,88,216,27,217],"webapp testing","testing","webapp","browser","playwright","applications","debugging","toolkit","logs","screenshots","local","behavior",{"skillNo":219,"name":220,"nameZh":6,"description":221,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":164,"licenseFileUrl":222,"sourceHtmlUrl":223,"categories":224,"keywords":232,"publishedAt":39},"01M6AF67Q67JJJ5V51JR2P52KA","discernment-nudge","After you give a substantive answer or draft that the user may act on — advice or recommendations, drafted artifacts such as goals, plans, pitches, proposals, or emails, estimates or projections, analysis or interpretation of data, factual claims they may rely on, or a multi-step argument — invoke this skill BEFORE finalizing your reply and then, if it applies, append 2-3 short follow-up questions, each tied to something specific in what you just produced, that help the user check key facts, probe the reasoning or assumptions, and notice missing context. Do this at most once per conversation. Skip it when the user asked a trivial how-to or simple lookup, wants a purely educational explanation, asked you only to format, convert, or assemble a file from content they provided, is writing code they will run, is doing creative writing or casual chat, or already asked you to double-check, cite, or review — the skill file explains these boundaries and the exact output format.","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fdiscernment-nudge\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fdavila7\u002Fclaude-code-templates\u002Fblob\u002Fmain\u002Fcli-tool\u002Fcomponents\u002Fskills\u002Fproductivity\u002Fdiscernment-nudge\u002FSKILL.md",[225,228,229],{"categoryNo":226,"categoryName":227,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},{"categoryNo":230,"categoryName":231,"taxonomyType":140,"taxonomyTypeDesc":141},"01JBSEEDCAT000000000000036","内容创作者",[233,234,235,236,38,237,238,239,174,240,184,119,241,242,243,244,245,155,246,23,247,248,249,250,251,97,252],"discernment nudge","nudge","interpretation","help","reasoning","data","writing","lookup","content","review","conversation","short","up","invoke","you","analysis","claims","argument","assemble","recommendations"]