New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Nutui React To Taro

by jdf2e in jdf2e/nutui-react

当需要把项目（或代码片段）从 NutUI React（@nutui/nutui-react，H5）迁移到 NutUI React Taro（@nutui/nutui-react-taro，小程序 / 跨端 Taro）时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」，或将 H5 的 NutUI 组件转换到 Taro…

No licenceAuto-check passedFrontend & Design

Install Nutui React To Taro

skills CLI
$ npx skills add jdf2e/nutui-react --skill nutui-react-to-taro -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jdf2e/nutui-react nutui-react-to-taro --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jdf2e/nutui-react.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/nutui-react-cli/skills/nutui-react-to-taro .claude/skills/nutui-react-to-taro && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
nutui-react-to-taro
GitHub stars
1.2k
Token cost
~1.7k tokens
SKILL.md length
395 words
Files
3
Skills in repo
6
Repo updated
First seen
Licence
None found

At a glance

当需要把项目（或代码片段）从 NutUI React（@nutui/nutui-react，H5）迁移到 NutUI React Taro（@nutui/nutui-react-taro，小程序 / 跨端 Taro）时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」，或将 H5 的 NutUI 组件转换到 Taro…

  • Works in 3 steps: 安装依赖（执行安装前先征求用户同意） → 修改 config/index.js —— 开启 HTML… → 在应用入口引入全局样式（app.tsx / app.ts）
  • Frontend & Design work in your project
  • SKILL.md covers 迁移流程, 规则表（改写前 → 改写后）, 陷阱（盲目替换会做错） and 核心规则
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Nutui React To Taro is an agent skill from jdf2e/nutui-react. 当需要把项目（或代码片段）从 NutUI React（@nutui/nutui-react，H5）迁移到 NutUI React Taro（@nutui/nutui-react-taro，小程序 / 跨端 Taro）时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」，或将 H5 的 NutUI 组件转换到 Taro 运行时。两个包共用同一套组件，绝大多数组件一一对应——真正的工作是包名 / import 改写、原生标签 → Taro 组件替换、样式单位修正，以及对少数两端 props 不同的组件做交叉核对。

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `README.md` and `SKILL.en.md`).

It sits in Frontend & Design. It works with React. The repository describes itself as: 京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web).

When your agent uses it

  • Frontend & Design work in your project

Example prompts

  • “/nutui-react-to-taro”

Requirements

  • Node.js
  • Pre-approved tools (allowed-tools): Bash(nutui-react *), Bash(nutui-react-taro *), Bash(npx -y @nutui/nutui-react-cli *), Bash(npx -y @nutui/nutui-react-taro-cli *), Bash(which nutui-react), Bash(which nutui-react-taro)

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. 安装依赖（执行安装前先征求用户同意）
  2. 修改 config/index.js —— 开启 HTML 插件并设置设计尺寸，让 NutUI 正确缩放
  3. 在应用入口引入全局样式（app.tsx / app.ts）

What it can do on your machine

Read from SKILL.md and the folder at commit 26f80b7. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash(nutui-react *)
    • Bash(nutui-react-taro *)
    • Bash(npx -y @nutui/nutui-react-cli *)
    • Bash(npx -y @nutui/nutui-react-taro-cli *)
    • Bash(which nutui-react)
    • Bash(which nutui-react-taro)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are bash, diff and javascript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Nutui React To Taro loads about 1.7k tokens when it runs. Until then it costs about 78 tokens; SKILL.md has 395 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~78
When it runs · the whole SKILL.md, loaded when a task matches
~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 395 words (~1,703 tokens).

“你负责把代码从 @nutui/nutui-react（H5）迁移到 @nutui/nutui-react-taro（Taro 小程序 / 跨端）。两个包由同一套 codebase 构建，因此几乎每个组件在两端都同名、props 也大体一致。这让迁移高度规则化——但仍有少数环节需要真正的判断，不能无脑查找替换。”

— opening of SKILL.md by jdf2e
name
nutui-react-to-taro
allowed-tools
Bash(nutui-react *), Bash(nutui-react-taro *), Bash(npx -y @nutui/nutui-react-cli *), Bash(npx -y @nutui/nutui-react-taro-cli *), Bash(which nutui-react), Bash(which nutui-react-taro)

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files in packages/nutui-react-cli/skills/nutui-react-to-taro of jdf2e/nutui-react.

  • SKILL.md
  • README.md
  • SKILL.en.md

Open the folder on GitHubat commit 26f80b7

Compare with similar skills

Nutui React To Taro next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Nutui React To Taro compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nutui React To Taro this skilljdf2e/nutui-react1.2k—~1.7kAutomated safety check: PassNone
Web Artifacts Builderanthropics/skills180k41 repos~769Automated safety check: PassApache-2.0
React Doctormakeplane/plane61k12 repos~657Automated safety check: PassAGPL-3.0
React Router Developmentremix-run/react-router57k1 repos~1.5kAutomated safety check: PassMIT
React UI State PatternsChrisWiles/claude-code-showcase6.1k8 repos~1.6kAutomated safety check: PassNone
GSAP Core Animationgreensock/gsap-skills16k4 repos~3.7kAutomated safety check: PassMIT

Similar skills

  • Web Artifacts Builder

    anthropics/skills

    Official

    Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

    180k GitHub starsUsed in 41 repos~769 tokens
    Frontend & DesignAuto-check passed

  • React Doctor

    makeplane/plane

    Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.

    61k GitHub starsUsed in 12 repos~657 tokens
    Frontend & DesignAuto-check passed

  • React Router Development

    remix-run/react-router

    Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.

    57k GitHub starsUsed in 1 repo~1.5k tokens
    Frontend & DesignAuto-check passed

  • React UI State Patterns

    ChrisWiles/claude-code-showcase

    Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.

    6.1k GitHub starsUsed in 8 repos~1.6k tokens
    Frontend & DesignAuto-check passed

  • GSAP Core Animation

    greensock/gsap-skills

    Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

    16k GitHub starsUsed in 4 repos~3.7k tokens
    Frontend & DesignAuto-check passed

  • LobeHub Interactive Prototype

    lobehub/lobehub

    Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

    83k GitHub stars~1.6k tokensUpdated today
    Frontend & DesignAuto-check passed

More from jdf2e/nutui-react

  • Nutui Build Local Verify

    jdf2e/nutui-react

    NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS（跳过 src/packages//demo.scss 与 demos）；--mirror 写 scale-verify/；不写 build。

    1.2k GitHub stars~472 tokensUpdated today
    Auto-check passed

  • Nutui Proportional Scaling

    jdf2e/nutui-react

    NutUI React proportional scaling on branch featresize: 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 /…

    1.2k GitHub stars~1.5k tokensUpdated today
    Auto-check passed

  • Nutui Taro Weapp Wxss

    jdf2e/nutui-react

    NutUI React Taro 小程序 WXSS 编译超时修复：nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss…

    1.2k GitHub stars~873 tokensUpdated today
    Auto-check passed

  • Nutui React

    jdf2e/nutui-react

    当用户的任务涉及 NutUI React（@nutui/nutui-react）时使用 —— 编写 NutUI React 组件、调试 NutUI 问题，或查询 NutUI 组件的 API/属性/文档/示例/设计变量（Design Token）。触发场景：与 NutUI 相关的代码、从 '@nutui/nutui-react' 导入，或明确的 NutUI 相关提问。NutUI React…

    1.2k GitHub stars~883 tokensUpdated today
    Auto-check passed

  • Nutui React Taro

    jdf2e/nutui-react

    当用户的任务涉及 NutUI React Taro（@nutui/nutui-react-taro）时使用 —— 为小程序 / 跨端（Taro）应用编写 NutUI React Taro 组件、调试 NutUI Taro 问题，或查询 NutUI Taro 组件的 API/属性/文档/示例/设计变量（Design Token）。

    1.2k GitHub stars~956 tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Nutui React To Taro

What does Nutui React To Taro do?

当需要把项目（或代码片段）从 NutUI React（@nutui/nutui-react，H5）迁移到 NutUI React Taro（@nutui/nutui-react-taro，小程序 / 跨端 Taro）时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」，或将 H5 的 NutUI 组件转换到 Taro…. Nutui React To Taro is an agent skill from jdf2e/nutui-react.

When should I use Nutui React To Taro?

Nutui React To Taro fits situations like: frontend & Design work in your project.

How do I install Nutui React To Taro in Claude Code?

Run `npx skills add jdf2e/nutui-react --skill nutui-react-to-taro -a claude-code`. Or copy the skill folder (packages/nutui-react-cli/skills/nutui-react-to-taro in jdf2e/nutui-react) into .claude/skills/nutui-react-to-taro in your project. Claude Code loads it when a task matches its description.

How do I install Nutui React To Taro in Codex?

Run `npx skills add jdf2e/nutui-react --skill nutui-react-to-taro -a codex`. Or copy the skill folder (packages/nutui-react-cli/skills/nutui-react-to-taro in jdf2e/nutui-react) into .agents/skills/nutui-react-to-taro in your project. Codex loads it when a task matches its description.

Can I use Nutui React To Taro in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jdf2e/nutui-react --skill nutui-react-to-taro -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nutui-react-to-taro, .gemini/skills/nutui-react-to-taro, .github/skills/nutui-react-to-taro and .opencode/skills/nutui-react-to-taro in your project.

What does Nutui React To Taro need to run?

SKILL.md names no scripts, command-line tools or credentials: Nutui React To Taro is instructions for the agent only. Our summary lists: Node.js. Its frontmatter pre-approves these tools: Bash(nutui-react *), Bash(nutui-react-taro *), Bash(npx -y @nutui/nutui-react-cli *), Bash(npx -y @nutui/nutui-react-taro-cli *), Bash(which nutui-react), Bash(which nutui-react-taro).

Does Nutui React To Taro access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Nutui React To Taro safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Nutui React To Taro use?

No licence was found for Nutui React To Taro or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Nutui React To Taro use?

About 1.7k tokens (SKILL.md is roughly 6.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Nutui React To Taro?

Skills that share tags, products or a category with Nutui React To Taro: Web Artifacts Builder (anthropics/skills, 180k stars), React Doctor (makeplane/plane, 61k stars), React Router Development (remix-run/react-router, 57k stars) and React UI State Patterns (ChrisWiles/claude-code-showcase, 6.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nutui React To Taro?

jdf2e (a GitHub organization) maintains it in jdf2e/nutui-react, which has 1,215 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 7, 2026.

Source: jdf2e/nutui-react on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.