[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FWW38TZCD2PFDJPBFEWRJ4":3,"skill-same:01M6FWW38TZCD2PFDJPBFEWRJ4":65},{"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":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":37,"commitSha":38,"skillDirectory":39,"forksCount":14,"repositoryHtmlUrl":40,"repositoryHomepageUrl":6,"ownerHtmlUrl":41,"ownerBlogUrl":42,"ownerDescription":43,"updatedAt":44,"install":45,"resources":58},"01M6FWW38TZCD2PFDJPBFEWRJ4","i18n-localization",null,"Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.","reikiplanet\u002Fdaoskills","reikiplanet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96377599?v=4","01M6CVWCMD740YHQDK7E9QYBW4","Reiki Planet","01M6CVWCS4KXVA2CWFVJ43EAXK",0,"MIT","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fother\u002Fi18n-localization\u002FSKILL.md",[],[19,20,21,22,23,24,25,26,27,28,29],"i18n localization","i18n","localization","support","grep","read","files","community","patterns","internationalization","detecting","2026-11-10 10:12:30",false,"---\nname: i18n-localization\ndescription: \"Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.\"\nallowed-tools: Read, Glob, Grep\nrisk: unknown\nsource: community\n---\n\n# i18n & Localization\n\n> Internationalization (i18n) and Localization (L10n) best practices.\n\n---\n\n## 1. Core Concepts\n\n| Term | Meaning |\n|------|---------|\n| **i18n** | Internationalization - making app translatable |\n| **L10n** | Localization - actual translations |\n| **Locale** | Language + Region (en-US, tr-TR) |\n| **RTL** | Right-to-left languages (Arabic, Hebrew) |\n\n---\n\n## 2. When to Use i18n\n\n| Project Type | i18n Needed? |\n|--------------|--------------|\n| Public web app | ✅ Yes |\n| SaaS product | ✅ Yes |\n| Internal tool | ⚠️ Maybe |\n| Single-region app | ⚠️ Consider future |\n| Personal project | ❌ Optional |\n\n---\n\n## 3. Implementation Patterns\n\n### React (react-i18next)\n\n```tsx\nimport { useTranslation } from 'react-i18next';\n\nfunction Welcome() {\n  const { t } = useTranslation();\n  return \u003Ch1>{t('welcome.title')}\u003C\u002Fh1>;\n}\n```\n\n### Next.js (next-intl)\n\n```tsx\nimport { useTranslations } from 'next-intl';\n\nexport default function Page() {\n  const t = useTranslations('Home');\n  return \u003Ch1>{t('title')}\u003C\u002Fh1>;\n}\n```\n\n### Python (gettext)\n\n```python\nfrom gettext import gettext as _\n\nprint(_(\"Welcome to our app\"))\n```\n\n---\n\n## 4. File Structure\n\n```\nlocales\u002F\n├── en\u002F\n│   ├── common.json\n│   ├── auth.json\n│   └── errors.json\n├── tr\u002F\n│   ├── common.json\n│   ├── auth.json\n│   └── errors.json\n└── ar\u002F          # RTL\n    └── ...\n```\n\n---\n\n## 5. Best Practices\n\n### DO ✅\n\n- Use translation keys, not raw text\n- Namespace translations by feature\n- Support pluralization\n- Handle date\u002Fnumber formats per locale\n- Plan for RTL from the start\n- Use ICU message format for complex strings\n\n### DON'T ❌\n\n- Hardcode strings in components\n- Concatenate translated strings\n- Assume text length (German is 30% longer)\n- Forget about RTL layout\n- Mix languages in same file\n\n---\n\n## 6. Common Issues\n\n| Issue | Solution |\n|-------|----------|\n| Missing translation | Fallback to default language |\n| Hardcoded strings | Use linter\u002Fchecker script |\n| Date format | Use Intl.DateTimeFormat |\n| Number format | Use Intl.NumberFormat |\n| Pluralization | Use ICU message format |\n\n---\n\n## 7. RTL Support\n\n```css\n\u002F* CSS Logical Properties *\u002F\n.container {\n  margin-inline-start: 1rem;  \u002F* Not margin-left *\u002F\n  padding-inline-end: 1rem;   \u002F* Not padding-right *\u002F\n}\n\n[dir=\"rtl\"] .icon {\n  transform: scaleX(-1);\n}\n```\n\n---\n\n## 8. Checklist\n\nBefore shipping:\n\n- [ ] All user-facing strings use translation keys\n- [ ] Locale files exist for all supported languages\n- [ ] Date\u002Fnumber formatting uses Intl API\n- [ ] RTL layout tested (if applicable)\n- [ ] Fallback language configured\n- [ ] No hardcoded strings in components\n\n---\n\n## Script\n\n| Script | Purpose | Command |\n|--------|---------|---------|\n| `scripts\u002Fi18n_checker.py` | Detect hardcoded strings & missing translations | `python scripts\u002Fi18n_checker.py \u003Cproject_path>` |\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.\n","# i18n & Localization\n\n> Internationalization (i18n) and Localization (L10n) best practices.\n\n---\n\n## 1. Core Concepts\n\n| Term | Meaning |\n|------|---------|\n| **i18n** | Internationalization - making app translatable |\n| **L10n** | Localization - actual translations |\n| **Locale** | Language + Region (en-US, tr-TR) |\n| **RTL** | Right-to-left languages (Arabic, Hebrew) |\n\n---\n\n## 2. When to Use i18n\n\n| Project Type | i18n Needed? |\n|--------------|--------------|\n| Public web app | ✅ Yes |\n| SaaS product | ✅ Yes |\n| Internal tool | ⚠️ Maybe |\n| Single-region app | ⚠️ Consider future |\n| Personal project | ❌ Optional |\n\n---\n\n## 3. Implementation Patterns\n\n### React (react-i18next)\n\n```tsx\nimport { useTranslation } from 'react-i18next';\n\nfunction Welcome() {\n  const { t } = useTranslation();\n  return \u003Ch1>{t('welcome.title')}\u003C\u002Fh1>;\n}\n```\n\n### Next.js (next-intl)\n\n```tsx\nimport { useTranslations } from 'next-intl';\n\nexport default function Page() {\n  const t = useTranslations('Home');\n  return \u003Ch1>{t('title')}\u003C\u002Fh1>;\n}\n```\n\n### Python (gettext)\n\n```python\nfrom gettext import gettext as _\n\nprint(_(\"Welcome to our app\"))\n```\n\n---\n\n## 4. File Structure\n\n```\nlocales\u002F\n├── en\u002F\n│   ├── common.json\n│   ├── auth.json\n│   └── errors.json\n├── tr\u002F\n│   ├── common.json\n│   ├── auth.json\n│   └── errors.json\n└── ar\u002F          # RTL\n    └── ...\n```\n\n---\n\n## 5. Best Practices\n\n### DO ✅\n\n- Use translation keys, not raw text\n- Namespace translations by feature\n- Support pluralization\n- Handle date\u002Fnumber formats per locale\n- Plan for RTL from the start\n- Use ICU message format for complex strings\n\n### DON'T ❌\n\n- Hardcode strings in components\n- Concatenate translated strings\n- Assume text length (German is 30% longer)\n- Forget about RTL layout\n- Mix languages in same file\n\n---\n\n## 6. Common Issues\n\n| Issue | Solution |\n|-------|----------|\n| Missing translation | Fallback to default language |\n| Hardcoded strings | Use linter\u002Fchecker script |\n| Date format | Use Intl.DateTimeFormat |\n| Number format | Use Intl.NumberFormat |\n| Pluralization | Use ICU message format |\n\n---\n\n## 7. RTL Support\n\n```css\n\u002F* CSS Logical Properties *\u002F\n.container {\n  margin-inline-start: 1rem;  \u002F* Not margin-left *\u002F\n  padding-inline-end: 1rem;   \u002F* Not padding-right *\u002F\n}\n\n[dir=\"rtl\"] .icon {\n  transform: scaleX(-1);\n}\n```\n\n---\n\n## 8. Checklist\n\nBefore shipping:\n\n- [ ] All user-facing strings use translation keys\n- [ ] Locale files exist for all supported languages\n- [ ] Date\u002Fnumber formatting uses Intl API\n- [ ] RTL layout tested (if applicable)\n- [ ] Fallback language configured\n- [ ] No hardcoded strings in components\n\n---\n\n## Script\n\n| Script | Purpose | Command |\n|--------|---------|---------|\n| `scripts\u002Fi18n_checker.py` | Detect hardcoded strings & missing translations | `python scripts\u002Fi18n_checker.py \u003Cproject_path>` |\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.\n",{"name":5,"risk":35,"source":26,"description":7,"allowed-tools":36},"unknown","Read, Glob, Grep","master","dff58085da947e81e8418c922055644bf0082b1b","other\u002Fi18n-localization","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills","https:\u002F\u002Fgithub.com\u002Freikiplanet","https:\u002F\u002Fwww.reiki-planet.com","Reiki Planet Game","2026-03-29 06:02:29",{"source":8,"skillName":5,"commands":46,"prompt":56,"zipAvailable":57},[47,50,53],{"tool":48,"command":49},"npx","npx skills add reikiplanet\u002Fdaoskills --skill i18n-localization",{"tool":51,"command":52},"bunx","bunx skills add reikiplanet\u002Fdaoskills --skill i18n-localization",{"tool":54,"command":55},"pnpm","pnpm dlx skills add reikiplanet\u002Fdaoskills --skill i18n-localization","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fother\u002Fi18n-localization\u002FSKILL.md",true,[59],{"path":60,"resourceType":61,"resourceTypeDesc":62,"sizeBytes":63,"sourceHtmlUrl":64},"scripts\u002Fi18n_checker.py","SCRIPT","脚本",7714,"https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fother\u002Fi18n-localization\u002Fscripts\u002Fi18n_checker.py",[66,90,102,117,136,159],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":72,"publishedAt":30},"01M6G614JTEQJHPT8AKK3YQ18S","web-games","Web browser game development principles. Framework selection, WebGPU, optimization, PWA.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fweb-games\u002FSKILL.md",[],[73,74,75,23,76,77,26,78,79,80,24,81,82,83,84,85,86,87,88,89],"games","web games","web","principles","selection","framework selection","edit","write","pwa","game","web browser","game development","Optimization","framework","browser","development","webgpu",{"skillNo":91,"name":92,"nameZh":6,"description":93,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":30},"01M6G611H2YGV0GZFP90D38ZMJ","vr-ar","VR\u002FAR development principles. Comfort, interaction, performance requirements.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fvr-ar\u002FSKILL.md",[],[97,98,88,99,100,26,79,80,24,23,101,76],"ar","vr ar","interaction","requirements","performance",{"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":30},"01M6G60XNMHAMV1SV0EJ1CX0AY","templates","Project scaffolding templates for new applications. Use when creating new projects from scratch. Contains 12 templates for various tech stacks.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Ftemplates\u002FSKILL.md",[],[104,109,110,111,112,113,26,114,24,115,116,23],"project scaffolding","From Scratch","tech","project","scaffolding","use","projects","applications",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":30},"01M6G60T0GATMK3Q5H8GDC1Z8S","wcag-audit-patterns","Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing ac...","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fwcag-audit-patterns\u002FSKILL.md",[],[124,125,27,126,127,26,128,129,130,131,114,132,133,134,135],"wcag audit patterns","wcag audit","WCAG","audit","manual","with","automated testing","guidance","remediation","verification","accessibility","testing",{"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":142,"publishedAt":30},"01M6G60PMCHW1FRZ63F931QK3R","vulnerability-scanner","Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fvulnerability-scanner\u002FSKILL.md",[],[143,144,145,146,147,148,149,150,26,24,23,151,76,152,153,154,155,156,157,158],"scanner","vulnerability scanner","vulnerability","prioritization","2025","mapping","chain","supply chain","Bash","analysis","risk","owasp","supply chain security","security","supply","advanced",{"skillNo":160,"name":161,"nameZh":6,"description":162,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":163,"categories":164,"keywords":165,"publishedAt":30},"01M6G60JZBB8DK0W3DSG1WNMZK","threat-modeling-expert","Expert in threat modeling methodologies, security architecture review, and risk assessment. Masters STRIDE, PASTA, attack trees, and security requirement extraction. Use for security architecture r...","https:\u002F\u002Fgithub.com\u002Freikiplanet\u002Fdaoskills\u002Fblob\u002Fmaster\u002Fskills\u002Fsecurity\u002Fthreat-modeling-expert\u002FSKILL.md",[],[166,167,168,169,170,171,172,173,156,114,174,175,176,26,177,178,179,153,180,181],"modeling","threat modeling expert","threat modeling","expert","threat","risk assessment","architecture review","architecture","security architecture review","trees","security architecture","security requirement extraction","assessment","extraction","review","stride"]