mcpField
L
localization-design

localization-design

github.com/podo设计与 UI30166 次安装4 天前更新
代码仓库

关于 localization-design

localization-design 是面向多语言界面的设计指导技能，涵盖布局、字体、格式和文化因素对本地化 UI 的影响；它关注设计，而非界面文案翻译。

主要功能

  1. 01规划各语言的文本扩展空间
  2. 02设计完整的从右到左布局
  3. 03选择非拉丁文字体
  4. 04使用逻辑 CSS 属性
  5. 05采用区域化日期和数字格式
  6. 06考虑颜色与图标的文化含义

适用场景

  1. 01为多语言界面规划布局
  2. 02适配从右到左书写地区的界面
  3. 03检查本地化文本的字体与间距
  4. 04处理地区格式和视觉惯例

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill localization-design

安装后在 Claude Code 中输入/localization-design确认已加载。

附带文件stub.yaml

详细介绍

localization-design

目录条目占位符 — 完整技能：Owl-Listener/designer-skills

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/localization-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/localization-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 localization-design 安装，调用该技能并继续
    • pointer → 转到第 2 步

  2. 检测范围，然后安装：

    [ -e ~/.agents/skills/localization-design ] && echo "global" || echo "project"

    全局：

    npx skills add Owl-Listener/designer-skills --skill localization-design -g -y

    项目：

    npx skills add Owl-Listener/designer-skills --skill localization-design -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行。

Claude Code 插件方式：

/plugin marketplace add Owl-Listener/designer-skills
/plugin install design-systems@designer-skills

注意

  • 许可证： MIT

安装后调用

  • 技能名称：localization-design
  • 触发短语："localization design"、"RTL layout design"、"text expansion design"、"internationalization design"、"right-to-left UI"

功能

提供在多个区域推出界面的设计指导。涵盖通用 Agent 容易忽略的问题：各语言的文本扩展预算（德语、法语、芬兰语等）、完整的 RTL 布局镜像（哪些元素需要翻转，哪些不需要，包括图标）、非拉丁文字的排版、margin-inline-start 风格的逻辑属性、符合区域设置的日期、时间和数字格式，以及具有文化含义的颜色和图标。该技能专注于本地化设计；至于具体用词，则交由 UX 写作技能处理。

不适用场景

  • 纯字符串／i18n 接线工作（请使用 i18n 库，而非设计技能）
  • 常规无障碍审查 → 使用 wcag-audit-patterns 或 fixing-accessibility
  • 界面文案本身的措辞（请使用 ux-writing-skill）

评论

支持 Markdown