builder-ui-i18n

仓库创建 2024年12月9日最近提交 6 小时前SkillHot 收录 5 小时前

▸ 精选理由

适合做界面与文案变更，覆盖组件与校验规则。

这个 Skill 做什么

为 ChatbotX builder 应用开发或修改前端组件、表单、表格与国际化文案。

在 ChatbotX builder 里改前端界面、表单、表格、弹窗和多语言文案时用。适合处理 React/Next.js 的用户可见标签、placeholder、菜单或校验提示变更，能复用 @chatbotx.io/ui 的共享组件并配合 React Hook Form、Zod 做表单校验。特点是和应用路由、URL 状态（nuqs）配合紧密，方便保持统一风格和可测性。

▸ 展开 SKILL.md 英文原文

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations. Use for user-facing React/Next.js UI in apps/builder, especially when labels, placeholders, menus, or validation messages are added or changed.

开发编程UIi18nReactNext.js通用

524

Stars

116

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ChatbotXIO/ChatbotX/main/.agents/skills/builder-ui-i18n/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ChatbotXIO/ChatbotX/main/.agents/skills/builder-ui-i18n/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Builder UI and i18n

Use for `apps/builder` UI work. Pair with `feature-scaffold` for new feature
modules and pages.

## UI Stack

- React 19 + Next.js app router.
- Shared components come from `@chatbotx.io/ui/*`.
- Builder also has local components under `apps/builder/src/components`.
- Forms use React Hook Form, Zod, and next-safe-action adapter.
- URL state commonly uses `nuqs`.
- Icons should use the project icon library when available.

## i18n Rule

All user-facing strings must use translations. Do not hardcode labels,
placeholders, button text, empty states, tab names, toasts, or dialog copy in
builder UI.

Primary files:

- `apps/builder/messages/en.json`
- `apps/builder/messages/

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有