本文へ移動
cccskills
無料GitHub で公開

translate-craft

Professional translation and localization for 8 languages (ES, JA, FR, DE, PT, ZH, KO, AR). Covers tone matrix, formality levels, i18n patterns (react-intl, i18next, ICU), RTL layout, cultural adaptation, and locale formatting. Use when user asks to translate text, localize an app, adapt tone, review translations, add i18n, or set up RTL.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md9.6 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Translate Craft

Translation that reads as if originally written in the target language. Based on ATA standards, Mozilla l10n best practices, Airbnb style guide, and Microsoft Language Portal.

Core Principle

Translate meaning, not words. If the reader can tell it's a translation, it failed.

Sub-Commands

CommandDescription
translateTranslate text with tone, formality, and cultural adaptation
localizeLocalize dates, currencies, units, addresses per locale
i18nSet up i18n framework (react-intl / i18next / ICU)
rtlImplement RTL layout with CSS logical properties
auditReview existing translation for quality issues
teachCreate a localization guide for a language pair

Language-Specific Rules (8 languages)

EN → ES (Spanish)

  • Formality: tú (internal), usted (client/external)
  • Gender: inclusive language. "El usuario" → "La persona usuaria"
  • Length: ~25% longer. Account for UI expansion.
  • Passive: Active preferred. "Se decidió" not "Fue decidido"

EN → JA (Japanese)

  • Politeness: 3 levels: casual (だ), polite (です), honorific (敬語). Default: polite.
  • Subject omission: Drop subjects when clear from context
  • Pronouns: Minimize 私/あなた. Overuse sounds foreign.

EN → FR (French)

  • Formality: vous (professional), tu (casual)
  • Gender: Everything has gender. Ensure agreement across sentences.
  • Punctuation: Non-breaking space before ?, !, :, ;

EN → DE (German)

  • Compound nouns: "cloud storage" → "Cloud-Speicher"
  • Capitalization: All nouns capitalized
  • Formality: Sie (prof), du (casual)

EN → PT (Portuguese)

  • Formality: você (general), o senhor/a senhora (formal)
  • Length: ~20-25% longer

EN → ZH (Mandarin)

  • Measure words: 个, 张, 条, 块 — correct classifier per noun
  • Tone: 您 (formal) vs 你 (casual)
  • Shortened: ~15-20% shorter. More room in UI.
  • Script: Simplified for CN. Traditional for TW/HK.

EN → KO (Korean)

  • Honorifics: 합쇼체 (formal), 해요체 (polite casual), 해체 (casual). Default: 해요체
  • SOV word order: Subject-Object-Verb, opposite of English

EN → AR (Arabic)

  • RTL: Everything mirrors. Use CSS logical properties.
  • Root system: Words derive from 3-letter roots
  • Length: ~25% shorter. Text shrinks in UI.

Workflow

  1. Identify scope: source, target, audience, medium, tone tier
  2. Analyze source: flag idioms, cultural references, ambiguity
  3. Translate: first pass applying language-specific rules
  4. Adapt tone: adjust register per audience
  5. Localize: dates, times, currencies, units, phone, addresses
  6. Restructure: natural target-language word order
  7. Reverse review: read only target. If you can reconstruct source, too literal.
  8. UI verify: paste into layout. Check truncation, overflow, RTL, line breaks.
  9. Final pass: production checklist.

i18n Framework Patterns

ICU Message Syntax

{count, plural, one {# item} other {# items}}
{gender, select, male {He} female {She} other {They}}

RTL Layout (CSS logical properties)

.element {
  margin-inline-start: 1rem;   /* auto-flips LTR/RTL */
  padding-inline: 1rem;
  border-inline-end: 1px solid;
}

Locale Formatting Quick Reference

FormatENDEJAAR
Date short05/12/202612.05.20262026/05/1212/05/2026
Time3:30 PM15:3015:3003:30 م
Currency$1,234.561.234,56 €¥1,235١٬٢٣٤٫٥٦ ر.س
Number1,234.561.234,561,234.56١٬٢٣٤٫٥٦

Production Checklist

  • Placeholders preserved ({name}, %s, {{var}})
  • Date/time/currency/units converted per locale
  • Cultural references adapted or explained
  • Idioms replaced with natural equivalent
  • Formality consistent across entire document
  • Gender agreement checked
  • UTF-8 encoding verified
  • UI: expansion/shrinkage accounted for
  • RTL: layout mirrored, numbers left-to-right
  • Read-aloud test passed
  • Back-translation sample checked for meaning drift

Error Handling

CauseFix
Placeholder syntax ({name}, %s, {{var}}) broken in translationPreserve exact placeholder format. Verify each appears unchanged in output. Test with real data.
Text expansion breaking UI layout (German +25%, Spanish +25%)Design containers with flex-grow. Test with longest translated string. Account for CJK shortening (-15-20%).
False friends between language pairsMaintain language-pair-specific false friends list. ES: "embarazada" ≠ "embarrassed". FR: "actuellement" ≠ "actually". DE: "Gift" ≠ "gift".
Mixed formality in same document (tú/usted, Sie/du)Pick one register at start. Scan entire document for consistency. Language-specific rules table has defaults.
Word-for-word translation producing unnatural phrasingRestructure to target language word order. KO: SOV. JA: drop subjects. AR: root-based word derivation.
RTL layout breaks on dynamically injected contentUse CSS logical properties exclusively (margin-inline-start, padding-inline, border-inline-end). Never left/right.
Back-translation reveals meaning driftIf reconstructed source differs from original, the translation is too literal or too loose. Adjust: preserve meaning, not word order.
Cultural reference doesn't exist in target marketAdapt or explain. Replace region-specific idioms with natural equivalent. Add brief context for untranslatable concepts.

Anti-Patterns

Anti-patternCorrect
Literal idiom translationFind equivalent idiom or drop
False friends (embarrassed ≠ embarazada)Maintain false friends list per language pair
Mixed formality (tú/usted in same paragraph)Pick one register. Enforce throughout.
Word-for-word structureRestructure to target language patterns
Ignoring expansion (German +25%)Design flexible containers. Test with longest string.
RTL as afterthoughtUse CSS logical properties from day 1

ICU MessageFormat Advanced Patterns

Plurals (per-language rules)

// EN: 1 item, 2 items
{count, plural, one {# item} other {# items}}

// AR: 0 عناصر, 1 عنصر, 2 عنصران, 3-10 عناصر, 11+ عنصر
{count, plural, zero {# عناصر} one {# عنصر} two {# عنصران} few {# عناصر} many {# عنصر}}

// JA: 日本語は複数形がない(単純)
{count}個

Gender

// ES
{gender, select, male {Estimado} female {Estimada} other {Estimado/a}}

// FR
{gender, select, male {Cher} female {Chère} other {Cher/Chère}}

Select with nested plural

{gender, select,
  male {{count, plural, one {Il a # livre} other {Il a # livres}}}
  female {{count, plural, one {Elle a # livre} other {Elle a # livres}}}
}

Date/Number Locale Formatting

# Python babel
from babel.dates import format_date, format_datetime
format_date(date, locale='de_DE')    # 18.05.2026
format_date(date, locale='en_US')    # May 18, 2026
format_date(date, locale='ja_JP')    # 2026/05/18

from babel.numbers import format_number, format_currency
format_number(1234567, locale='en_US')   # 1,234,567
format_number(1234567, locale='de_DE')   # 1.234.567
format_currency(49.99, 'EUR', locale='de_DE')  # 49,99 €
// JavaScript Intl
new Intl.DateTimeFormat('ja-JP').format(new Date())        // 2026/5/18
new Intl.DateTimeFormat('ar-SA', { dateStyle: 'full' }).format(new Date())
new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR' }).format(49.99)  // 49,99 €

RTL CSS Patterns

/* Logical properties (direction-aware) */
.element {
  margin-inline-start: 16px;   /* margin-left in LTR, margin-right in RTL */
  padding-inline-end: 8px;
  border-inline-start: 2px solid;
  text-align: start;
}
/* Avoid: margin-left, padding-right, text-align: left */

Sources

  • ATA (American Translators Association)
  • Mozilla l10n best practices
  • Airbnb translation style guide
  • Microsoft Language Portal
  • UN Translation guidelines
  • W3C Internationalization articles
  • FormatJS / ICU Message Syntax
  • Google Material Design — RTL guidelines

Checklist

  • Skill loads without errors in the AI agent
  • YAML frontmatter is valid (description, compatibility, audience)
  • Workflow section provides clear step-by-step instructions
  • Error handling section covers common failure modes
  • All referenced files (references/, scripts/, assets/) exist
  • Skill triggers correctly for intended use cases
  • No broken links or missing resources

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Apply professional, premium UI/UX design standards when building or styling web interfaces. Use this skill when the user asks to create a website, landing page, web app, dashboard, UI component, or any visual interface — or when they ask to make something look better, more professional, or more beautiful. Covers visual hierarchy, typography, color systems, layout, spacing, motion, dark mode, responsive design, and conversion patterns. Activate even when the user doesn't say "design" — if they're building a web frontend, these standards apply.

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

Run 150+ AI apps via inference.sh CLI - image generation, video creation, LLMs, search, 3D, Twitter automation. Models: FLUX, Veo, Gemini, Grok, Claude, Seedance, OmniHuman, Tavily, Exa, OpenRouter, and many more. Use when running AI apps, generating images/videos, calling LLMs, web search, or automating Twitter. Triggers: inference.sh, infsh, ai model, run ai, serverless ai, ai api, flux, veo, claude api, image generation, video generation, openrouter, tavily, exa search, twitter api, grok

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

api-forge

無料

Design REST/GraphQL APIs with OpenAPI 3.1, error handling, pagination, rate limiting, webhooks, and idempotency. Use when user asks to design an API, create endpoints, define REST/GraphQL schema, or generate OpenAPI spec. Do NOT use for database schema design, frontend API integration, or non-HTTP protocols (gRPC, WebSocket, MQTT).

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

Implement authentication and authorization with OWASP Top 10 standards, OAuth 2.0 + OIDC, WebAuthn/Passkeys, session management, and RBAC/ABAC. Use when user asks to implement login, signup, authentication, authorization, JWT, OAuth, SSO, passkeys, MFA, or role-based access. Do NOT use for API key management (use api-forge), encryption at rest, or network-level security (firewalls, WAF).

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

Generate brand guidelines, design systems with design tokens (W3C format), creative direction (SCAMPER, Design Thinking, TRIZ), and design briefs with scope and success criteria.

日本語の概要は準備中です。原文の説明を表示しています。

EliasOulkadi/shokunin1142026年10月5日 更新

EliasOulkadi のスキルをすべて見る

このスキルの問題を報告する