[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M70FPWZZDG0YRGM8MR40NS5S":3,"skill-same:01M70FPWZZDG0YRGM8MR40NS5S":58},{"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":23,"publishedAt":29,"linkOnly":30,"markdownContent":31,"markdownBody":32,"frontMatter":33,"refName":34,"commitSha":35,"skillDirectory":36,"forksCount":37,"repositoryHtmlUrl":38,"repositoryHomepageUrl":39,"ownerHtmlUrl":40,"ownerBlogUrl":41,"ownerDescription":42,"updatedAt":43,"install":44,"resources":57},"01M70FPWZZDG0YRGM8MR40NS5S","shadcn-ui",null,"Must always be enabled when working with shadcn-ui.","shengdabai\u002FTony-Claude-Code-Skills","shengdabai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F116417419?v=4","01M70F6D2WY5PQV5A92BKYJQEW","Tony Sheng","01M70F6D3GAAAYZ5H4CC1G8VXM",3,"MIT","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002F_collections\u002Fclaude-code\u002Fskills\u002Fshadcn-ui\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[24,25,26,27,28],"shadcn ui","ui","shadcn","when","with","2026-11-10 10:12:30",false,"---\nname: shadcn-ui\ndescription: Must always be enabled when working with shadcn-ui.\n---\n\n\u003Cfundamental_concept>\n## What is shadcn-ui?\n\nshadcn-ui is **NOT an npm package**. It's a **code distribution platform** that copies component source code directly into your project.\n\n**Key principle**: Components are added via CLI (`pnpx shadcn@latest add`) from a remote registry, NOT installed as dependencies.\n\u003C\u002Ffundamental_concept>\n\n\u003Ccomponent_management>\n## Adding Components\n\n\u003Ccli_usage>\n### Primary Method: CLI\n\n```bash\n# Add single component\npnpx shadcn@latest add button\n\n# Add multiple components\npnpx shadcn@latest add button card dialog\n\n# Add all components\npnpx shadcn@latest add --all\n\n# Preview component before adding\npnpx shadcn@latest view button\n```\n\n**Important**: Always use the CLI to add components. Do NOT create component files manually in `components\u002Fui\u002F` unless explicitly instructed.\n\u003C\u002Fcli_usage>\n\n\u003Ccatalog_discovery>\n### Finding Components\n\n1. **Official catalog**: Browse components at https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents\n2. **CLI preview**: Use `pnpx shadcn@latest view \u003Ccomponent-name>` to preview before adding\n3. **Search**: Check the documentation site for all 60+ available components organized by category:\n   - Form & Input (16 components)\n   - Layout & Navigation (8 components)\n   - Overlays & Dialogs (11 components)\n   - Feedback & Status (7 components)\n   - Display & Media (10 components)\n\u003C\u002Fcatalog_discovery>\n\n\u003Ccustom_registries>\n### Custom Registries (if configured)\n\n```bash\n# Add from namespaced registry\npnpx shadcn@latest add @v0\u002Fdashboard\n\n# Add from URL\npnpx shadcn@latest add https:\u002F\u002Fexample.com\u002Fr\u002Fcustom-component.json\n```\n\nRegistry configuration is in `components.json`:\n```json\n{\n  \"registries\": {\n    \"@acme\": \"https:\u002F\u002Fregistry.acme.com\u002Fr\u002F{name}.json\"\n  }\n}\n```\n\u003C\u002Fcustom_registries>\n\u003C\u002Fcomponent_management>\n\n\u003Ccritical_constraints>\n## DO NOT Edit Generated Files\n\n**NEVER directly edit files in these directories without explicit user instruction**:\n- `components\u002Fui\u002F` - CLI-generated component files\n- Any directory specified in `components.json` aliases\n\n**Why?**: These files are managed by the CLI. Direct edits will be lost on updates.\n\n\u003Cmodification_workflow>\n### When Component Behavior Needs Customization\n\n**Step 1: Try usage-side control first**\n```tsx\n\u002F\u002F ✅ Best: Control via props\u002FclassName\u002Fcomposition at usage site\n\u003CButton className=\"custom-styling\" onClick={customHandler} \u002F>\n```\n\n**Step 2: If usage-side control is insufficient**\nYou MUST ask the user for permission before modifying `components\u002Fui\u002F` files.\n\n**Required information for user approval**:\n1. **Why extension is needed**: Explain what cannot be achieved via props\u002FclassName\n2. **Design approach**: Describe how you plan to extend the component (new props, variant, internal logic change, etc.)\n\n**Example request**:\n> The Button component needs to support an `icon` prop for consistent icon positioning. This cannot be achieved via className alone because it requires conditional rendering logic. I propose adding an optional `icon?: React.ReactNode` prop and rendering it with fixed spacing before children. May I modify `components\u002Fui\u002Fbutton.tsx`?\n\nOnly proceed with modification after receiving explicit user approval.\n\u003C\u002Fmodification_workflow>\n\u003C\u002Fcritical_constraints>\n\n\u003Ccommon_tasks>\n## Common Tasks\n\n- **Initial setup**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Finstallation\n- **Theming\u002FDark mode**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fdark-mode\n- **Form integration**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents\u002Fform\n- **Custom components**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents-json\n- **Monorepo setup**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fmonorepo\n\nFor comprehensive reference when documentation is insufficient, consult: https:\u002F\u002Fui.shadcn.com\u002Fllms.txt\n\u003C\u002Fcommon_tasks>\n\n\u003Carchitecture_notes>\n## Technical Details\n\n- **Built with**: TypeScript, Tailwind CSS, Radix UI primitives\n- **Configuration**: `components.json` at project root\n- **Customization**: Components are yours to own - they're copied into your codebase\n- **Updates**: Re-run `pnpx shadcn@latest add \u003Ccomponent> --overwrite` to update\n\n**Remember**: shadcn-ui provides the code, not the package. You maintain full control and ownership.\n\u003C\u002Farchitecture_notes>\n","\u003Cfundamental_concept>\n## What is shadcn-ui?\n\nshadcn-ui is **NOT an npm package**. It's a **code distribution platform** that copies component source code directly into your project.\n\n**Key principle**: Components are added via CLI (`pnpx shadcn@latest add`) from a remote registry, NOT installed as dependencies.\n\u003C\u002Ffundamental_concept>\n\n\u003Ccomponent_management>\n## Adding Components\n\n\u003Ccli_usage>\n### Primary Method: CLI\n\n```bash\n# Add single component\npnpx shadcn@latest add button\n\n# Add multiple components\npnpx shadcn@latest add button card dialog\n\n# Add all components\npnpx shadcn@latest add --all\n\n# Preview component before adding\npnpx shadcn@latest view button\n```\n\n**Important**: Always use the CLI to add components. Do NOT create component files manually in `components\u002Fui\u002F` unless explicitly instructed.\n\u003C\u002Fcli_usage>\n\n\u003Ccatalog_discovery>\n### Finding Components\n\n1. **Official catalog**: Browse components at https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents\n2. **CLI preview**: Use `pnpx shadcn@latest view \u003Ccomponent-name>` to preview before adding\n3. **Search**: Check the documentation site for all 60+ available components organized by category:\n   - Form & Input (16 components)\n   - Layout & Navigation (8 components)\n   - Overlays & Dialogs (11 components)\n   - Feedback & Status (7 components)\n   - Display & Media (10 components)\n\u003C\u002Fcatalog_discovery>\n\n\u003Ccustom_registries>\n### Custom Registries (if configured)\n\n```bash\n# Add from namespaced registry\npnpx shadcn@latest add @v0\u002Fdashboard\n\n# Add from URL\npnpx shadcn@latest add https:\u002F\u002Fexample.com\u002Fr\u002Fcustom-component.json\n```\n\nRegistry configuration is in `components.json`:\n```json\n{\n  \"registries\": {\n    \"@acme\": \"https:\u002F\u002Fregistry.acme.com\u002Fr\u002F{name}.json\"\n  }\n}\n```\n\u003C\u002Fcustom_registries>\n\u003C\u002Fcomponent_management>\n\n\u003Ccritical_constraints>\n## DO NOT Edit Generated Files\n\n**NEVER directly edit files in these directories without explicit user instruction**:\n- `components\u002Fui\u002F` - CLI-generated component files\n- Any directory specified in `components.json` aliases\n\n**Why?**: These files are managed by the CLI. Direct edits will be lost on updates.\n\n\u003Cmodification_workflow>\n### When Component Behavior Needs Customization\n\n**Step 1: Try usage-side control first**\n```tsx\n\u002F\u002F ✅ Best: Control via props\u002FclassName\u002Fcomposition at usage site\n\u003CButton className=\"custom-styling\" onClick={customHandler} \u002F>\n```\n\n**Step 2: If usage-side control is insufficient**\nYou MUST ask the user for permission before modifying `components\u002Fui\u002F` files.\n\n**Required information for user approval**:\n1. **Why extension is needed**: Explain what cannot be achieved via props\u002FclassName\n2. **Design approach**: Describe how you plan to extend the component (new props, variant, internal logic change, etc.)\n\n**Example request**:\n> The Button component needs to support an `icon` prop for consistent icon positioning. This cannot be achieved via className alone because it requires conditional rendering logic. I propose adding an optional `icon?: React.ReactNode` prop and rendering it with fixed spacing before children. May I modify `components\u002Fui\u002Fbutton.tsx`?\n\nOnly proceed with modification after receiving explicit user approval.\n\u003C\u002Fmodification_workflow>\n\u003C\u002Fcritical_constraints>\n\n\u003Ccommon_tasks>\n## Common Tasks\n\n- **Initial setup**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Finstallation\n- **Theming\u002FDark mode**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fdark-mode\n- **Form integration**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents\u002Fform\n- **Custom components**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents-json\n- **Monorepo setup**: See https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fmonorepo\n\nFor comprehensive reference when documentation is insufficient, consult: https:\u002F\u002Fui.shadcn.com\u002Fllms.txt\n\u003C\u002Fcommon_tasks>\n\n\u003Carchitecture_notes>\n## Technical Details\n\n- **Built with**: TypeScript, Tailwind CSS, Radix UI primitives\n- **Configuration**: `components.json` at project root\n- **Customization**: Components are yours to own - they're copied into your codebase\n- **Updates**: Re-run `pnpx shadcn@latest add \u003Ccomponent> --overwrite` to update\n\n**Remember**: shadcn-ui provides the code, not the package. You maintain full control and ownership.\n\u003C\u002Farchitecture_notes>\n",{"name":5,"description":7},"main","7850740bd837adb32f0a109ab2af82482196c6f2","skills\u002F_collections\u002Fclaude-code\u002Fskills\u002Fshadcn-ui",1,"https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills","https:\u002F\u002Fzturnsgo.com","https:\u002F\u002Fgithub.com\u002Fshengdabai","https:\u002F\u002Fzturnsgo.com\u002F","AI × education creator — producer, not consumer. Taught 6,000+ learners; shipping learning tools & daily essays with Claude Code, practicing @xiaolai's way 🥋","2026-11-01 21:28:23",{"source":8,"skillName":5,"commands":45,"prompt":55,"zipAvailable":56},[46,49,52],{"tool":47,"command":48},"npx","npx skills add shengdabai\u002FTony-Claude-Code-Skills --skill shadcn-ui",{"tool":50,"command":51},"bunx","bunx skills add shengdabai\u002FTony-Claude-Code-Skills --skill shadcn-ui",{"tool":53,"command":54},"pnpm","pnpm dlx skills add shengdabai\u002FTony-Claude-Code-Skills --skill shadcn-ui","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002F_collections\u002Fclaude-code\u002Fskills\u002Fshadcn-ui\u002FSKILL.md",true,[],[59,78,110,136,158,178],{"skillNo":60,"name":61,"nameZh":6,"description":62,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":70,"publishedAt":29},"01M70P17DAD4C1C47NPH6A96EM","xiaolai-methodology","以李笑来(Li Xiaolai)的思考方式、方法论与表达风格,为用户做全方位 1-on-1 教练指导,覆盖创业、赚钱、投资、学习、自学、读书写作、用 AI、以及人生心态与自我管理。当用户提到 \"李笑来\"、\"笑来\"、\"笑来老师\"、\"扮演李笑来\"、\"找笑来聊聊\"、\"笑来怎么看\"、\"xiaolai\"、\"把时间当作朋友\"、\"通往财富自由之路\"、\"定投改变命运\"、\"韭菜的自我修养\"、\"自学是门手艺\"、\"让时间陪你慢慢变富\"、\"七年就是一辈子\"、\"元认知\"、\"活在未来\"、\"复利\u002F长期主义\"、\"践行\"、\"痴迷改进\"、\"个人商业模式\u002F出售时间\"、\"睡后收入\"、\"定投\"、\"财富自由\"、\"操作系统升级\"、\"最少必要知识\"、\"北极星提示词\"、\"用 AI 该怎么学\u002F思考\" 等任一触发词,或当用户带着关于创业\u002F赚钱\u002F投资\u002F学习\u002F职业\u002F重大人生决策的困惑、希望被人用笑来式的「逻辑 + 大白话 + 类比 + 重新定义 + 践行导向」来点醒和指导时,自动进入李笑来教练模式。","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fxiaolai-methodology\u002FSKILL.md",[65],{"categoryNo":66,"categoryName":67,"taxonomyType":68,"taxonomyTypeDesc":69},"01JBSEEDCAT000000000000018","写作与文案","SCENARIO","使用场景",[71,72,73,74,75,76,77],"methodology","xiaolai","xiaolai methodology","朋友","投资","writing","收入",{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":90,"publishedAt":29},"01M70P13NB9YP7ACJR1S861CDS","zread","Produce and consume a wiki-style knowledge base for a code repository via the `zread` CLI and its on-disk output under `.\u002F.zread\u002Fwiki\u002F`. Use this skill whenever the user wants to understand, onboard onto, explore, summarize, map, or get an overview of an unfamiliar codebase; asks for architecture docs, a project wiki, a repo walkthrough, module\u002Fpackage explanations, or \"what does this repo do\"; wants to generate, regenerate, resume, browse, or serve code documentation locally; or mentions zread \u002F zread.ai directly. Also use it proactively before diving into a large unknown repo — if `.\u002F.zread\u002Fwiki\u002Fcurrent` exists, read the generated pages instead of crawling source file-by-file; if it doesn't, consider offering to run `zread generate`. The trigger is the intent (understand a codebase through generated docs), not the literal word \"zread\".","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fzread\u002FSKILL.md",[84,87],{"categoryNo":85,"categoryName":86,"taxonomyType":68,"taxonomyTypeDesc":69},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":88,"categoryName":89,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000030","开发工程师",[80,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109],"knowledge","wiki","explore","walkthrough","project","get","knowledge base","run","generate","intent","cli","map","documentation","project wiki","disk","architecture","code","unknown","generated",{"skillNo":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":120,"publishedAt":29},"01M70P10S4SWMZQ8BJAFBFDRW3","youtube","Launch the YouTube Creator Agent to auto-generate videos.\nUse when: user types \u002Fyoutube, wants to create YouTube videos,\ngenerate video content, or upload to YouTube.\nKeywords: youtube, video, 视频, 创作视频, 发布视频","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube\u002FSKILL.md",[116,117],{"categoryNo":85,"categoryName":86,"taxonomyType":68,"taxonomyTypeDesc":69},{"categoryNo":118,"categoryName":119,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000036","内容创作者",[112,121,122,123,124,125,126,127,99,128,129,130,27,131,132,133,134,135],"user","content","视频","creator","generate video","videos","launch","video content","create","upload","use","auto","types","Video","创作",{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":143,"publishedAt":29},"01M70P0YE95D8BACZCGV8BK90K","youtube-script-sync","Sync, update, or optimize Tony's GetNote knowledge base `Youtube视频逐字稿` by turning each parent recording or first-person idea note into an idempotent child note containing a directly recordable YouTube long-video or Shorts script. Use when the user says “更新\u002F同步\u002F优化 Youtube视频逐字稿知识库”, or says “更新\u002F同步\u002F优化该知识库” while this knowledge base is the active context.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-script-sync\u002FSKILL.md",[142],{"categoryNo":85,"categoryName":86,"taxonomyType":68,"taxonomyTypeDesc":69},[144,145,112,146,147,134,148,149,150,151,152,153,154,155,97,156,27,131,91,157],"sync","script","youtube script sync","recording","shorts","first","base","person","update","active","child","optimize","idempotent","long",{"skillNo":159,"name":160,"nameZh":6,"description":161,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":162,"categories":163,"keywords":168,"publishedAt":29},"01M70P0WMV5XT0EEC0N445PW07","writing-skills","How to write SKILL.md files that trigger reliably and teach effectively. Use when creating, improving, or reviewing Claude Code skills.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fxiaolai\u002Fnlpm\u002Fskills\u002Fnlpm\u002Fwriting-skills\u002FSKILL.md",[164,165,166,167],{"categoryNo":66,"categoryName":67,"taxonomyType":68,"taxonomyTypeDesc":69},{"categoryNo":85,"categoryName":86,"taxonomyType":68,"taxonomyTypeDesc":69},{"categoryNo":88,"categoryName":89,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":118,"categoryName":119,"taxonomyType":21,"taxonomyTypeDesc":22},[169,76,170,171,172,173,107,27,131,174,175,176,177],"writing skills","how","teach","write skill","write","claude code skills","files","how to","trigger",{"skillNo":179,"name":180,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":186,"publishedAt":29},"01M70P0SJFR4YVJQBGMHKGSKXT","writing-rules","How to write .claude\u002Frules\u002F files that Claude actually follows. Use when creating, improving, or reviewing project rules.","https:\u002F\u002Fgithub.com\u002Fshengdabai\u002FTony-Claude-Code-Skills\u002Fblob\u002Fmain\u002Fskills\u002Fxiaolai\u002Fnlpm\u002Fskills\u002Fnlpm\u002Fwriting-rules\u002FSKILL.md",[184,185],{"categoryNo":66,"categoryName":67,"taxonomyType":68,"taxonomyTypeDesc":69},{"categoryNo":118,"categoryName":119,"taxonomyType":21,"taxonomyTypeDesc":22},[187,76,188,95,189,175,27,170,173,131,176],"Rules","writing rules","project rules"]