[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JCE2K34BB6F3VTSD4BY3RJ":3,"skill-same:01M6JCE2K34BB6F3VTSD4BY3RJ":74},{"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":33,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":57,"ownerHtmlUrl":58,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":59,"install":60,"resources":73},"01M6JCE2K34BB6F3VTSD4BY3RJ","legal-advocatuur-design-polish",null,"Class-level workflow for refining Dutch legal\u002Fadvocatuur websites to a premium standard. Two aesthetic paths: Classic Sharp (Harvey Specter \u002F Suits) and Mercury Premium (light-weight + pill CTAs).","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\u002Fcontent\u002Fweblyfe-webdesign-stack\u002FSKILL.md",[17,22,25,30],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",{"categoryNo":31,"categoryName":32,"taxonomyType":28,"taxonomyTypeDesc":29},"01JBSEEDCAT000000000000037","律师与法务",[34,35,36,37,38,39,40,41,42,43,44,45,46],"design","polish","legal","legal advocatuur design polish","workflow","Specter","aesthetic","paths","sharp","harvey specter","mercury","harvey","for","2026-11-10 10:12:30",false,"---\nname: legal-advocatuur-design-polish\ndescription: \"Class-level workflow for refining Dutch legal\u002Fadvocatuur websites to a premium standard. Two aesthetic paths: Classic Sharp (Harvey Specter \u002F Suits) and Mercury Premium (light-weight + pill CTAs).\"\n---\n\n# Legal \u002F Advocatuur Design Polish Reference\n\nClass-level workflow for refining Dutch legal\u002Fadvocatuur websites to a premium standard. Use for Soleiman-like boutique law firm projects.\n\nTwo aesthetic paths are documented below — choose based on the client brief and reference inspiration:\n\n## Design Principles (shared)\n\n- **Empathy + Authority**: warmth toward the client, sharpness toward the adversary\n- **Dark sophistication**: deep navy\u002Fink + champagne-gold accents\n- **Typography**: editorial serif for display (Cormorant Garamond), clean sans for body (Manrope)\n- **No gavels\u002Fscales** stock imagery; prefer real office context, desaturated photography\n\n---\n\n## Path A: Classic Sharp Polish (default)\n\nHarvey Specter \u002F Suits aesthetic. Sharp confidence, structured and traditional premium.\n\n| Token | Value | Usage |\n|-------|-------|-------|\n| Navy | `#0f2644` | Buttons, headings, brand |\n| Deep ink | `#06111f` | Hero, footer, dark sections |\n| Ivory | `#f5efe6` | Backgrounds, light cards |\n| Champagne | `#c9a76b` | Accents, thin rules, gold details |\n| Charcoal | `#1a232e` | Body text |\n| Button radius | `rounded-[4px]` | Sharp corners |\n| Card radius | `rounded-[4px]` | Sharp corners |\n| Shadows | `box-shadow` present | Structured card elevation |\n\n### Find\u002Freplace pattern\n| Pattern | From | To |\n|---------|------|-----|\n| Navy | `#102b4e` | `#0f2644` |\n| Ink | `#071522` | `#06111f` |\n| Champagne | `#b9945d` | `#c9a76b` |\n| Ivory | `#f7f2ea` | `#f5efe6` |\n| Button radius | `rounded-full` on buttons | `rounded-[4px]` |\n| Card radius | `rounded-[5px]` | `rounded-[4px]` |\n| Legal blue | `#184a78` | `#1a5276` |\n| Muted text | `#43505b` | `#3a4753` |\n| Text muted | `#5c6873` | `#4f5d6a` |\n\n---\n\n## Path B: Mercury Premium Polish\n\nInspired by Mercury (refero.style\u002F3172cd4d). \"Authority through restraint\" — lighter, airier, with extreme typography and minimal chrome.\n\n| Token | Value | Usage |\n|-------|-------|-------|\n| Navy deep | `#0a1628` | Hero, footer, dark sections (not `#06111f`) |\n| Navy card | `#0f2644` | Section backgrounds |\n| Champagne | `#d4b07a` | **Single accent** — CTA hover, icon accent only (not text, not borders) |\n| Champagne subtle | `rgba(212, 176, 122, 0.2)` | Hover washes |\n| Ivory | `#f4ede4` | Light canvas |\n| Ivory card | `#faf6f0` | Card surface |\n| Warm charcoal | `#2d3d4a` | Body text |\n| Champagne wash | `rgba(212, 176, 122, 0.08)` | Subtle glow |\n\n### Typography\n| Role | Style |\n|------|-------|\n| Hero display | **72px \u002F weight 300** (font-light), `tracking-[-0.04em]` |\n| Section heading | 56px \u002F weight 400, `tracking-[-0.03em]` |\n| Subheading label | 12px uppercase, `track-[0.2em]`, `font-bold` |\n| Body | 17px, `leading-[1.7]` |\n| Font stack | Cormorant Garamond (300\u002F500\u002F600\u002F700) + Manrope (400\u002F500\u002F600\u002F700) |\n\n### Buttons & radius\n| Element | Style |\n|---------|-------|\n| Primary CTA | `rounded-full` (pill) |\n| Secondary button | `rounded-full` (pill) |\n| Cards | `rounded-[4px]` (keep sharp) |\n| Input fields | `rounded-full` |\n| Tags\u002Fchips | `rounded-full` |\n\n### Elevation\n- **No shadows on cards** — use 1px borders (`border border-[#0f2644]\u002F8`) instead\n- Card hover: `border-[#d4b07a]\u002F20` + `hover:bg-white` (no translate)\n- CTA: no shadow, let color speak\n- Navy section: solid `bg-[#0a1628]` instead of overlay\n\n### Section spacing\n| Device | Section padding | Between sections |\n|--------|----------------|-----------------|\n| Mobile | `py-16` (64px) | `gap-12` |\n| Tablet+ | `py-20` (80px) | `gap-16` |\n| Desktop | `py-24` (96px) | `gap-20` |\n\n### Navigation\n- Fade-out on scroll down, fade-in on scroll up (use `framer-motion` with `useScroll` \u002F `useMotionValueEvent`)\n- Phone number as ghost button (`.border border-white\u002F18`) instead of plain text\n- CTA in header is pill-shaped\n\n### Icons\n- Replace Lucide static icons with Framer Motion animated SVG components for key spots (scale, heart, building, file, shield, phone, mail, check, arrow)\n- If LottieFiles CDN blocks downloads (HTTP 403), do not fight it — use Framer Motion animated inline SVGs instead\n- Lightweight: each icon adds ~0.5KB, no extra dependency, full color control, intersection-observer Pause\u002FPlay\n\n### Scroll progress bar\n- Thin gold line (3px), `origin-left scaleX` via `useScroll` + `useSpring`\n- Color: `#d4b07a` (single solid, not gradient)\n\n### Header fade-on-scroll pattern\n```tsx\nconst [hidden, setHidden] = useState(false);\nconst [atTop, setAtTop] = useState(true);\nconst { scrollY } = useScroll();\n\nuseMotionValueEvent(scrollY, \"change\", (latest) => {\n  const prev = scrollY.getPrevious();\n  setHidden(latest > 120 && latest > (prev ?? 0));\n  setAtTop(latest \u003C 20);\n});\n\n\u003Cmotion.header\n  animate={{ y: hidden ? -100 : 0, opacity: hidden ? 0 : 1 }}\n  transition={{ duration: 0.35, ease: \"easeOut\" }}\n  className={`... ${atTop ? \"border-transparent bg-transparent\" : \"border-white\u002F10 bg-[#0a1628]\u002F90 backdrop-blur-2xl\"}`}\n>\n```\n\n---\n\n## Revision Workflow (shared)\n\n1. **Research** — Exa AI for premium legal design references (PaperStreet, Clio, Dan Gilroy, Mercury, PxlPeak intl + Onwaarts, iO Digital, Legalista NL)\n2. **Visual audit** — load live site in browser (Chrome DevTools MCP), screenshot, `vision_analyze` with a specific prompt\n3. **PRD first** — document before\u002Fafter, tokens, plan\n4. **CSS tokens first** — update globals.css\n5. **Bulk replace via subagent** — define ALL find\u002Freplace pairs in a structured list (color codes, radius tokens, button styles, shadow values), then dispatch a `delegate_task` with file paths and list. The subagent runs every replacement in sequence. Verify with `search_files` afterward. Saves ~15-20 manual patch calls.\n6. **Also update components**: SiteHeader, ScrubHero, SiteFooter, TeamSection — these often have separate inline styles\n7. **Build + preview deploy** (`npm run build`, then `vercel --yes`)\n8. **Client review** on preview URL\n9. **Production push**: GitHub auto-deploy (`git add && git commit && git push origin main`) or manual `vercel --prod --yes`\n10. **Verify production URL** with `curl` and optionally a screenshot\n\n## Research reference\nFull Exa search results with URLs in `references\u002Flegal-design-exa-research-2026-06.md`===ME:weblyfe-webdesign-stack\n","# Legal \u002F Advocatuur Design Polish Reference\n\nClass-level workflow for refining Dutch legal\u002Fadvocatuur websites to a premium standard. Use for Soleiman-like boutique law firm projects.\n\nTwo aesthetic paths are documented below — choose based on the client brief and reference inspiration:\n\n## Design Principles (shared)\n\n- **Empathy + Authority**: warmth toward the client, sharpness toward the adversary\n- **Dark sophistication**: deep navy\u002Fink + champagne-gold accents\n- **Typography**: editorial serif for display (Cormorant Garamond), clean sans for body (Manrope)\n- **No gavels\u002Fscales** stock imagery; prefer real office context, desaturated photography\n\n---\n\n## Path A: Classic Sharp Polish (default)\n\nHarvey Specter \u002F Suits aesthetic. Sharp confidence, structured and traditional premium.\n\n| Token | Value | Usage |\n|-------|-------|-------|\n| Navy | `#0f2644` | Buttons, headings, brand |\n| Deep ink | `#06111f` | Hero, footer, dark sections |\n| Ivory | `#f5efe6` | Backgrounds, light cards |\n| Champagne | `#c9a76b` | Accents, thin rules, gold details |\n| Charcoal | `#1a232e` | Body text |\n| Button radius | `rounded-[4px]` | Sharp corners |\n| Card radius | `rounded-[4px]` | Sharp corners |\n| Shadows | `box-shadow` present | Structured card elevation |\n\n### Find\u002Freplace pattern\n| Pattern | From | To |\n|---------|------|-----|\n| Navy | `#102b4e` | `#0f2644` |\n| Ink | `#071522` | `#06111f` |\n| Champagne | `#b9945d` | `#c9a76b` |\n| Ivory | `#f7f2ea` | `#f5efe6` |\n| Button radius | `rounded-full` on buttons | `rounded-[4px]` |\n| Card radius | `rounded-[5px]` | `rounded-[4px]` |\n| Legal blue | `#184a78` | `#1a5276` |\n| Muted text | `#43505b` | `#3a4753` |\n| Text muted | `#5c6873` | `#4f5d6a` |\n\n---\n\n## Path B: Mercury Premium Polish\n\nInspired by Mercury (refero.style\u002F3172cd4d). \"Authority through restraint\" — lighter, airier, with extreme typography and minimal chrome.\n\n| Token | Value | Usage |\n|-------|-------|-------|\n| Navy deep | `#0a1628` | Hero, footer, dark sections (not `#06111f`) |\n| Navy card | `#0f2644` | Section backgrounds |\n| Champagne | `#d4b07a` | **Single accent** — CTA hover, icon accent only (not text, not borders) |\n| Champagne subtle | `rgba(212, 176, 122, 0.2)` | Hover washes |\n| Ivory | `#f4ede4` | Light canvas |\n| Ivory card | `#faf6f0` | Card surface |\n| Warm charcoal | `#2d3d4a` | Body text |\n| Champagne wash | `rgba(212, 176, 122, 0.08)` | Subtle glow |\n\n### Typography\n| Role | Style |\n|------|-------|\n| Hero display | **72px \u002F weight 300** (font-light), `tracking-[-0.04em]` |\n| Section heading | 56px \u002F weight 400, `tracking-[-0.03em]` |\n| Subheading label | 12px uppercase, `track-[0.2em]`, `font-bold` |\n| Body | 17px, `leading-[1.7]` |\n| Font stack | Cormorant Garamond (300\u002F500\u002F600\u002F700) + Manrope (400\u002F500\u002F600\u002F700) |\n\n### Buttons & radius\n| Element | Style |\n|---------|-------|\n| Primary CTA | `rounded-full` (pill) |\n| Secondary button | `rounded-full` (pill) |\n| Cards | `rounded-[4px]` (keep sharp) |\n| Input fields | `rounded-full` |\n| Tags\u002Fchips | `rounded-full` |\n\n### Elevation\n- **No shadows on cards** — use 1px borders (`border border-[#0f2644]\u002F8`) instead\n- Card hover: `border-[#d4b07a]\u002F20` + `hover:bg-white` (no translate)\n- CTA: no shadow, let color speak\n- Navy section: solid `bg-[#0a1628]` instead of overlay\n\n### Section spacing\n| Device | Section padding | Between sections |\n|--------|----------------|-----------------|\n| Mobile | `py-16` (64px) | `gap-12` |\n| Tablet+ | `py-20` (80px) | `gap-16` |\n| Desktop | `py-24` (96px) | `gap-20` |\n\n### Navigation\n- Fade-out on scroll down, fade-in on scroll up (use `framer-motion` with `useScroll` \u002F `useMotionValueEvent`)\n- Phone number as ghost button (`.border border-white\u002F18`) instead of plain text\n- CTA in header is pill-shaped\n\n### Icons\n- Replace Lucide static icons with Framer Motion animated SVG components for key spots (scale, heart, building, file, shield, phone, mail, check, arrow)\n- If LottieFiles CDN blocks downloads (HTTP 403), do not fight it — use Framer Motion animated inline SVGs instead\n- Lightweight: each icon adds ~0.5KB, no extra dependency, full color control, intersection-observer Pause\u002FPlay\n\n### Scroll progress bar\n- Thin gold line (3px), `origin-left scaleX` via `useScroll` + `useSpring`\n- Color: `#d4b07a` (single solid, not gradient)\n\n### Header fade-on-scroll pattern\n```tsx\nconst [hidden, setHidden] = useState(false);\nconst [atTop, setAtTop] = useState(true);\nconst { scrollY } = useScroll();\n\nuseMotionValueEvent(scrollY, \"change\", (latest) => {\n  const prev = scrollY.getPrevious();\n  setHidden(latest > 120 && latest > (prev ?? 0));\n  setAtTop(latest \u003C 20);\n});\n\n\u003Cmotion.header\n  animate={{ y: hidden ? -100 : 0, opacity: hidden ? 0 : 1 }}\n  transition={{ duration: 0.35, ease: \"easeOut\" }}\n  className={`... ${atTop ? \"border-transparent bg-transparent\" : \"border-white\u002F10 bg-[#0a1628]\u002F90 backdrop-blur-2xl\"}`}\n>\n```\n\n---\n\n## Revision Workflow (shared)\n\n1. **Research** — Exa AI for premium legal design references (PaperStreet, Clio, Dan Gilroy, Mercury, PxlPeak intl + Onwaarts, iO Digital, Legalista NL)\n2. **Visual audit** — load live site in browser (Chrome DevTools MCP), screenshot, `vision_analyze` with a specific prompt\n3. **PRD first** — document before\u002Fafter, tokens, plan\n4. **CSS tokens first** — update globals.css\n5. **Bulk replace via subagent** — define ALL find\u002Freplace pairs in a structured list (color codes, radius tokens, button styles, shadow values), then dispatch a `delegate_task` with file paths and list. The subagent runs every replacement in sequence. Verify with `search_files` afterward. Saves ~15-20 manual patch calls.\n6. **Also update components**: SiteHeader, ScrubHero, SiteFooter, TeamSection — these often have separate inline styles\n7. **Build + preview deploy** (`npm run build`, then `vercel --yes`)\n8. **Client review** on preview URL\n9. **Production push**: GitHub auto-deploy (`git add && git commit && git push origin main`) or manual `vercel --prod --yes`\n10. **Verify production URL** with `curl` and optionally a screenshot\n\n## Research reference\nFull Exa search results with URLs in `references\u002Flegal-design-exa-research-2026-06.md`===ME:weblyfe-webdesign-stack\n",{"name":5,"description":7},"master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Fcontent\u002Fweblyfe-webdesign-stack",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":61,"prompt":71,"zipAvailable":72},[62,65,68],{"tool":63,"command":64},"npx","npx skills add S3YED\u002Fappie-kit --skill legal-advocatuur-design-polish",{"tool":66,"command":67},"bunx","bunx skills add S3YED\u002Fappie-kit --skill legal-advocatuur-design-polish",{"tool":69,"command":70},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill legal-advocatuur-design-polish","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fcontent\u002Fweblyfe-webdesign-stack\u002FSKILL.md",true,[],[75,107,135,161,191,214],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":88,"publishedAt":47},"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",[81,84,87],{"categoryNo":82,"categoryName":83,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":85,"categoryName":86,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106],"music","ai music","humanizer","visualization","Tools","Audio","hermes","hermes agent","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":115,"publishedAt":47},"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",[113,114],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},[34,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134],"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":136,"name":137,"nameZh":6,"description":138,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":143,"publishedAt":47},"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",[141,142],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":26,"categoryName":27,"taxonomyType":28,"taxonomyTypeDesc":29},[116,144,120,145,146,147,122,148,149,150,151,152,153,154,155,156,157,158,159,160],"elements","agentic webdesign agent elements","MCP","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","edit","install","input","lock","source",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":171,"publishedAt":47},"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",[167,170],{"categoryNo":168,"categoryName":169,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,41,189,190],"deployment","vercel deployment","vercel","macos","cli","linux","windows","deploy","vercel deploy","REST","api","site","deploy to vercel","token","rest api","host","sites","sanitization","static site",{"skillNo":192,"name":193,"nameZh":6,"description":194,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":198,"publishedAt":47},"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",[197],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[199,200,201,202,203,204,38,205,206,207,208,209,210,211,212,213,46],"workflows","quality","software","software quality workflows","review","tdd","commit","debugging","code","debugger","pre-commit","investigation","code simplification","user","simplification",{"skillNo":215,"name":216,"nameZh":6,"description":217,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":218,"categories":219,"keywords":227,"publishedAt":47},"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",[220,223,226],{"categoryNo":221,"categoryName":222,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":224,"categoryName":225,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[228,229,230,231,232,233,234,235,175,236,237,122,238,178,239,207,240,241,242,243],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]