원클릭으로
nutui-build-local-verify
NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS(跳过 src/packages/**/demo.scss 与 demos);--mirror 写 scale-verify/;不写 build。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS(跳过 src/packages/**/demo.scss 与 demos);--mirror 写 scale-verify/;不写 build。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when the user's task involves NutUI React (@nutui/nutui-react) — writing NutUI React components, debugging NutUI issues, or querying NutUI component APIs/props/docs/demos/design-tokens. Triggers on NutUI-related code, imports from '@nutui/nutui-react', or explicit NutUI questions. NutUI React is JD's lightweight mobile (H5) component library.
NutUI React Taro 小程序 WXSS 编译超时修复:nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss 过大、predev:taro 重写 app.config、或修改 generate-nutui-taro.js / nutui.react.scss.taro.bundle.scss。
NutUI React proportional scaling on branch feat_resize: runtime --nut-scale-f / --nut-scale-font / --nut-scale-icon from scale-f.ts (H5) and scale-f.taro.ts (Taro), Sass helpers scale-px / scale-font-px / scale-icon-px and theme font tokens in variables.scss & theme-*.scss; npm run build / build:taro run scripts/px-to-scale-px-in-component-scss.cjs on component SCSS in memory; profiles standard / large / elderly; commit-backed rules e.g. never scale 0px. Use when implementing 多尺寸适配, 等比适配, 大字版, 老年版, scale-px, viewport or native bridge scaling, or editing component SCSS for resize; SCSS: prefer calc($token + Npx) over #{} in calc, use outer calc() when mixing tokens that compile to var(--nutui-*).
| name | nutui-build-local-verify |
| description | NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS(跳过 src/packages/**/demo.scss 与 demos);--mirror 写 scale-verify/;不写 build。 |
| disable-model-invocation | true |
只做一步:用 scripts/px-to-scale-px-in-component-scss.cjs 把组件 SCSS 里裸 px 转成 scale-px 等,并把结果写回磁盘。
不扫描、不写入:src/packages/<组件名>/demo.scss(各组件目录根下的单文件)、**/demos/**、路径中含 /demo/、测试与快照目录下的 .scss(与官方 build.mjs 里对 **/demo.scss 的 ignore 一致)。
.scss,读、写都是同一路径——相对 src/packages 的路径不变。例如 src/packages/actionsheet/actionsheet.scss 转换后仍写回该文件,不会改到别的目录或改名。--mirror:不写源码;结果写到 scale-verify/<与 src/packages 相同的相对路径>(例如 scale-verify/actionsheet/actionsheet.scss),便于 diff。之后是否再跑 pnpm run build、是否用别的工具核对,由你自行决定;本 skill 不要求 build。
在 nutui-react 仓库根目录 执行。务必先 commit / stash,用完 git restore src/packages 或 git checkout -- src/packages 恢复。
若只需还原 src/packages/<组件>/demo.scss(当前脚本已跳过;若曾被旧版本误改):
find src/packages -name 'demo.scss' -exec git restore -- {} \;
然后在仓库根执行验证:
pnpm run verify-scale
等价:
node .cursor/skills/nutui-build-local-verify/scripts/verify-scale-generation.mjs
(--in-place / -i 与默认等价。)
路径:scale-verify/report.json。覆盖模式下看 overwriteSource === true、changedFileCount、changedFiles。
# 删除仓库根下 scale-verify/ 整目录(含 report;不还原已覆盖的 src/packages)
node .cursor/skills/nutui-build-local-verify/scripts/verify-scale-generation.mjs --clean
可选(只镜像、不覆盖源码):
pnpm run verify-scale:mirror
--mirror 与 --in-place 不能同时使用。
changedFiles 抽样无 scale-px(0px)、无重复嵌套 scale-pxfont-size / font 未被误改(转换器会跳过)changedFileCount + 列 2~3 个 changedFiles