[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6E0NGC0NET8M40JJR2FYP4A":3,"skill-same:01M6E0NGC0NET8M40JJR2FYP4A":93},{"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":31,"publishedAt":59,"linkOnly":60,"markdownContent":61,"markdownBody":62,"frontMatter":63,"refName":69,"commitSha":70,"skillDirectory":71,"forksCount":72,"repositoryHtmlUrl":73,"repositoryHomepageUrl":74,"ownerHtmlUrl":75,"ownerBlogUrl":76,"ownerDescription":77,"updatedAt":78,"install":79,"resources":92},"01M6E0NGC0NET8M40JJR2FYP4A","draft-recon",null,"UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before designing. Use when asked to \"understand the current UI\", \"what UX patterns exist\", \"map the navigation\", \"what screens exist\", or before starting any flow or wireframe work.","tonone-ai\u002Ftonone","tonone-ai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F252718527?v=4","01M6E0753HQVTQWJCQCV4AHAAS","tonone.ai","01M6E075828PMH1WMX0VEB5SV8",77,"MIT","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Ffull-team\u002Fskills\u002Fdraft-recon\u002FSKILL.md",[18,23,28],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":29,"categoryName":30,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58],"draft recon","recon","draft","read","when","for","websearch","flows","map","scan","patterns","wireframe","use","webfetch","frontend","work","grep","Bash","reconnaissance","flow","ui","ux","product","state","code","hello","components","2026-11-10 10:12:30",false,"---\nname: draft-recon\ndescription: UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before designing. Use when asked to \"understand the current UI\", \"what UX patterns exist\", \"map the navigation\", \"what screens exist\", or before starting any flow or wireframe work.\nallowed-tools: Read, Bash, Glob, Grep, WebFetch, WebSearch, AskUserQuestion\nversion: 0.6.4\nauthor: tonone-ai \u003Chello@tonone.ai>\nlicense: MIT\ncompatibility: Designed for Claude Code\ntags: [product, ux, recon]\n---\n\n\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# UX Reconnaissance\n\nYou are Draft — the UX designer on the Product Team. Map the current UX before you redesign anything.\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n## Steps\n\n### Step 0: Detect Environment\n\nScan for frontend indicators:\n\n```bash\n# Routes \u002F pages\nfind . -name \"*.tsx\" -o -name \"*.jsx\" -o -name \"*.vue\" -o -name \"*.svelte\" 2>\u002Fdev\u002Fnull | grep -i \"page\\|route\\|screen\\|view\" | head -30\nls src\u002Fapp src\u002Fpages src\u002Froutes src\u002Fscreens 2>\u002Fdev\u002Fnull\n\n# Navigation\nfind . -name \"*.tsx\" -o -name \"*.jsx\" 2>\u002Fdev\u002Fnull | xargs grep -l \"nav\\|router\\|Link\\|Route\" 2>\u002Fdev\u002Fnull | head -10\n\n# Existing UX docs\nfind . -name \"*.md\" | xargs grep -l \"flow\\|wireframe\\|user journey\\|IA\\|sitemap\" 2>\u002Fdev\u002Fnull | head -10\n```\n\n### Step 1: Map Routes and Pages\n\nList every distinct page\u002Fscreen:\n\n- **Route path** — the URL pattern\n- **Component name** — the file rendering it\n- **Purpose** — what the user does here\n- **Auth required** — yes\u002Fno\n\nGroup by area (public, authenticated, admin, onboarding, etc.).\n\n### Step 2: Map Navigation Structure\n\nIdentify:\n\n- **Primary navigation** — top nav, sidebar, tab bar (what items, what order)\n- **Secondary navigation** — in-page tabs, section nav\n- **Entry points** — how new users first land, what the first authenticated screen is\n- **Dead ends** — screens with no clear next step\n\n### Step 3: Inventory UX Artifacts\n\nCheck for existing design work:\n\n- **Flow diagrams** — Mermaid, draw.io, or markdown flow docs\n- **Wireframes** — any lo-fi screen specs in docs\u002F\n- **IA documents** — sitemap, content hierarchy, card sort results\n- **Design files** — Figma links in README or docs\n\n### Step 4: Assess UX Quality\n\nEvaluate against heuristics at a glance:\n\n| Heuristic              | Status  | Note |\n| ---------------------- | ------- | ---- |\n| Consistent navigation  | [✓\u002F✗\u002F~] |      |\n| Empty states handled   | [✓\u002F✗\u002F~] |      |\n| Error states handled   | [✓\u002F✗\u002F~] |      |\n| Onboarding flow exists | [✓\u002F✗\u002F~] |      |\n| Mobile-responsive      | [✓\u002F✗\u002F~] |      |\n| Loading states present | [✓\u002F✗\u002F~] |      |\n\n### Step 5: Present Assessment\n\n```\n## UX Reconnaissance\n\n**Framework:** [React\u002FVue\u002FSvelte\u002Fetc.] | **Router:** [Next.js\u002FReact Router\u002Fetc.]\n**Total screens:** [N] | **Auth-gated:** [N] | **Public:** [N]\n\n### Navigation Structure\n[primary nav items in order]\n└── [sub-items if any]\n\n### Screen Inventory\n| Area        | Screens | Notes |\n|-------------|---------|-------|\n| Onboarding  | [N]     | [observation] |\n| Core app    | [N]     | [observation] |\n| Settings    | [N]     | [observation] |\n| Admin       | [N]     | [observation] |\n\n### UX Gaps\n- [RED] [critical UX gap — missing empty state, broken flow, etc.]\n- [YELLOW] [notable gap — inconsistent pattern, missing error state]\n\n### Recommended Starting Point\n[Which flow or screen to tackle first]\n```\n\n## Delivery\n\nIf output exceeds the 40-line CLI budget, invoke `\u002Fatlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.\n","\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# UX Reconnaissance\n\nYou are Draft — the UX designer on the Product Team. Map the current UX before you redesign anything.\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n## Steps\n\n### Step 0: Detect Environment\n\nScan for frontend indicators:\n\n```bash\n# Routes \u002F pages\nfind . -name \"*.tsx\" -o -name \"*.jsx\" -o -name \"*.vue\" -o -name \"*.svelte\" 2>\u002Fdev\u002Fnull | grep -i \"page\\|route\\|screen\\|view\" | head -30\nls src\u002Fapp src\u002Fpages src\u002Froutes src\u002Fscreens 2>\u002Fdev\u002Fnull\n\n# Navigation\nfind . -name \"*.tsx\" -o -name \"*.jsx\" 2>\u002Fdev\u002Fnull | xargs grep -l \"nav\\|router\\|Link\\|Route\" 2>\u002Fdev\u002Fnull | head -10\n\n# Existing UX docs\nfind . -name \"*.md\" | xargs grep -l \"flow\\|wireframe\\|user journey\\|IA\\|sitemap\" 2>\u002Fdev\u002Fnull | head -10\n```\n\n### Step 1: Map Routes and Pages\n\nList every distinct page\u002Fscreen:\n\n- **Route path** — the URL pattern\n- **Component name** — the file rendering it\n- **Purpose** — what the user does here\n- **Auth required** — yes\u002Fno\n\nGroup by area (public, authenticated, admin, onboarding, etc.).\n\n### Step 2: Map Navigation Structure\n\nIdentify:\n\n- **Primary navigation** — top nav, sidebar, tab bar (what items, what order)\n- **Secondary navigation** — in-page tabs, section nav\n- **Entry points** — how new users first land, what the first authenticated screen is\n- **Dead ends** — screens with no clear next step\n\n### Step 3: Inventory UX Artifacts\n\nCheck for existing design work:\n\n- **Flow diagrams** — Mermaid, draw.io, or markdown flow docs\n- **Wireframes** — any lo-fi screen specs in docs\u002F\n- **IA documents** — sitemap, content hierarchy, card sort results\n- **Design files** — Figma links in README or docs\n\n### Step 4: Assess UX Quality\n\nEvaluate against heuristics at a glance:\n\n| Heuristic              | Status  | Note |\n| ---------------------- | ------- | ---- |\n| Consistent navigation  | [✓\u002F✗\u002F~] |      |\n| Empty states handled   | [✓\u002F✗\u002F~] |      |\n| Error states handled   | [✓\u002F✗\u002F~] |      |\n| Onboarding flow exists | [✓\u002F✗\u002F~] |      |\n| Mobile-responsive      | [✓\u002F✗\u002F~] |      |\n| Loading states present | [✓\u002F✗\u002F~] |      |\n\n### Step 5: Present Assessment\n\n```\n## UX Reconnaissance\n\n**Framework:** [React\u002FVue\u002FSvelte\u002Fetc.] | **Router:** [Next.js\u002FReact Router\u002Fetc.]\n**Total screens:** [N] | **Auth-gated:** [N] | **Public:** [N]\n\n### Navigation Structure\n[primary nav items in order]\n└── [sub-items if any]\n\n### Screen Inventory\n| Area        | Screens | Notes |\n|-------------|---------|-------|\n| Onboarding  | [N]     | [observation] |\n| Core app    | [N]     | [observation] |\n| Settings    | [N]     | [observation] |\n| Admin       | [N]     | [observation] |\n\n### UX Gaps\n- [RED] [critical UX gap — missing empty state, broken flow, etc.]\n- [YELLOW] [notable gap — inconsistent pattern, missing error state]\n\n### Recommended Starting Point\n[Which flow or screen to tackle first]\n```\n\n## Delivery\n\nIf output exceeds the 40-line CLI budget, invoke `\u002Fatlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.\n",{"name":5,"tags":64,"author":65,"license":15,"version":66,"description":7,"allowed-tools":67,"compatibility":68},[54,53,33],"tonone-ai \u003Chello@tonone.ai>","0.6.4","Read, Bash, Glob, Grep, WebFetch, WebSearch, AskUserQuestion","Designed for Claude Code","main","d5998d31415790d88781b1eebf9bd0694f7c5d93","bundle\u002Ffull-team\u002Fskills\u002Fdraft-recon",11,"https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone","https:\u002F\u002Fsecond.tonone.ai","https:\u002F\u002Fgithub.com\u002Ftonone-ai","https:\u002F\u002Ftonone.ai","Founded by @thisisfatih","2026-11-11 05:05:57",{"source":8,"skillName":5,"commands":80,"prompt":90,"zipAvailable":91},[81,84,87],{"tool":82,"command":83},"npx","npx skills add tonone-ai\u002Ftonone --skill draft-recon",{"tool":85,"command":86},"bunx","bunx skills add tonone-ai\u002Ftonone --skill draft-recon",{"tool":88,"command":89},"pnpm","pnpm dlx skills add tonone-ai\u002Ftonone --skill draft-recon","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Ffull-team\u002Fskills\u002Fdraft-recon\u002FSKILL.md",true,[],[94,102,109,114,119,126],{"skillNo":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"publishedAt":101},"01M72QSK7R99K8FWYFNYTXJGR2","helm-autoplan","Chained brief-to-decision pipeline. Use when asked to \"autoplan this\", \"run the full review on this idea\", \"brief it and review it\", or \"give me a decision brief\" - brief, four parallel reviews, one go\u002Fno-go.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fhelm\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],"2026-11-10 22:39:42",{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":108,"publishedAt":101},"01M72Q6V4CB8E877RT5KJRSSB7","apex-second-opinion","Optional cross-model review of a diff or plan through an external CLI (codex, gemini, llm) already on PATH, with redaction and per-run consent. Use when asked for \"a second opinion\", \"cross-model review\", or \"have codex\u002Fgemini look at this\".","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fapex\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":110,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":101},"01M72PDNJ3NS66X4QZ6AM5BG91","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],{"skillNo":115,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":101},"01M72NV58FG71X4Y7H8E6W721A","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":125,"publishedAt":101},"01M72NEBG81JH7YNSDXYT8NHHE","helm-office-hours","Forcing-function intake before any brief. Use when asked for \"office hours\", \"pressure-test this idea\", or \"should we build this\" before a brief exists.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-office-hours\u002FSKILL.md",[],[],{"skillNo":127,"name":128,"nameZh":6,"description":129,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":130,"categories":131,"keywords":132,"publishedAt":101},"01M72NE7AS597YW6999C56CESR","helm-init","Short interview that writes PRODUCT.md, the durable product truth other skills read. Use when asked to \"init product\", \"write PRODUCT.md\", or \"set up product context\". Prefills from README and repo, asks max 6 questions.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-init\u002FSKILL.md",[],[]]