Agent skill

Nutui React Taro

by jdf2e in jdf2e/nutui-react

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

No licenceAuto-check passedFrontend & Design

Install Nutui React Taro

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

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

GitHub CLI
$ gh skill install jdf2e/nutui-react nutui-react-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-taro-cli/skills/nutui-react-taro .claude/skills/nutui-react-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-taro
GitHub stars
1.2k
Token cost
~956 tokens
SKILL.md length
238 words
Files
3
Skills in repo
6
Repo updated
First seen
Licence
None found

At a glance

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

  • Works in 5 steps: 编写 NutUI React Taro 组件代码 → 查阅完整文档 → 浏览可用组件 → …
  • Tasks that involve API design
  • SKILL.md covers 准备工作, 使用场景, 命令 and 全局参数, plus 1 more section
  • Calls npx

What it does

Nutui React Taro is an agent skill from jdf2e/nutui-react. 当用户的任务涉及 NutUI React Taro(@nutui/nutui-react-taro)时使用 —— 为小程序 / 跨端(Taro)应用编写 NutUI React Taro 组件、调试 NutUI Taro 问题,或查询 NutUI Taro 组件的 API/属性/文档/示例/设计变量(Design Token)。 触发场景:与 NutUI Taro 相关的代码、从 '@nutui/nutui-react-taro' 导入,或明确的 NutUI Taro 相关提问。NutUI React Taro 是京东面向 Taro(小程序 / 多端)的移动端组件库,一套代码同时支持 H5 与小程序。

Its SKILL.md is about 960 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, covering API design. It works with React and Model Context Protocol. The repository describes itself as: 京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web).

When your agent uses it

  • Tasks that involve API design

Example prompts

  • “@nutui/nutui-react-taro”
  • “/nutui-react-taro”

Requirements

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

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. 编写 NutUI React Taro 组件代码
  2. 查阅完整文档
  3. 浏览可用组件
  4. 查询 Design Token
  5. 作为 MCP 服务器使用

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-taro *)
    • Bash(npx -y @nutui/nutui-react-taro-cli *)
    • Bash(which nutui-react-taro)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx

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

  • Network

    No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.

    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 Taro loads about 956 tokens when it runs. Until then it costs about 80 tokens; SKILL.md has 238 words of instructions outside code blocks.

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

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 238 words (~956 tokens).

“你可以使用 @nutui/nutui-react-taro-cli —— 一个内置了 NutUI React Taro 元数据(组件属性、完整文档、可运行的 Taro 示例和 Design Token)的本地 CLI 工具。在编写代码前用它查询组件知识。所有数据均为离线数据并随 CLI 一起打包 —— 无需联网,也无需 API Key。”

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

Read the full SKILL.md on GitHub

Files

SKILL.md and 2 other files in packages/nutui-react-taro-cli/skills/nutui-react-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 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 Taro compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nutui React Taro this skilljdf2e/nutui-react1.2k—~956Automated safety check: PassNone
LangBot Core Developmentlangbot-app/LangBot18k—~1.4kAutomated safety check: NotesApache-2.0
Frontend Build Timing Auditopenops-cloud/openops1.1k—~2.3kAutomated safety check: PassCustom licence
Reactopenops-cloud/openops1.1k—~1.7kAutomated safety check: PassCustom licence
Igniteui Wc Choose ComponentsIgniteUI/igniteui-webcomponents170—~4.6kAutomated safety check: PassMIT
Moai Ref React Patternsmodu-ai/moai-adk1.2k—~1.8kAutomated safety check: PassApache-2.0

Similar skills

  • LangBot Core Development

    langbot-app/LangBot

    Covers developing the LangBot core backend and web UI: dev setup, repo layout, API auth types, adding endpoints, migrations and keeping the MCP server in step.

    18k GitHub stars~1.4k tokensUpdated today
    DevelopmentAuto-check: notes
  • Frontend Build Timing Audit

    openops-cloud/openops

    Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

    1.1k GitHub stars~2.3k tokensUpdated today
    Frontend & DesignAuto-check passed
  • React

    openops-cloud/openops

    A skill your agent uses when creating or editing frontend React code in react-ui or ui-components packages.

    1.1k GitHub stars~1.7k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Igniteui Wc Choose Components

    IgniteUI/igniteui-webcomponents

    Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

    170 GitHub stars~4.6k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Moai Ref React Patterns

    modu-ai/moai-adk

    React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

    1.2k GitHub stars~1.8k tokensUpdated today
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    saoudi-h/solar-icons

    UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

    184 GitHub starsUsed in 18 repos~11k tokens
    Frontend & DesignAuto-check: notes

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 yesterday
    Auto-check passed
  • 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 yesterday
    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 yesterday
    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 yesterday
    Auto-check passed
  • Nutui React To Taro

    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…

    1.2k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed

Questions about Nutui React Taro

What does Nutui React Taro do?

当用户的任务涉及 NutUI React Taro(@nutui/nutui-react-taro)时使用 —— 为小程序 / 跨端(Taro)应用编写 NutUI React Taro 组件、调试 NutUI Taro 问题,或查询 NutUI Taro 组件的 API/属性/文档/示例/设计变量(Design Token)。. Nutui React Taro is an agent skill from jdf2e/nutui-react.

When should I use Nutui React Taro?

Nutui React Taro fits situations like: tasks that involve API design.

How do I install Nutui React Taro in Claude Code?

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

How do I install Nutui React Taro in Codex?

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

Can I use Nutui React 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-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-taro, .gemini/skills/nutui-react-taro, .github/skills/nutui-react-taro and .opencode/skills/nutui-react-taro in your project.

What does Nutui React Taro need to run?

Going by SKILL.md and its folder, Nutui React Taro needs the command-line tools its instructions call (npx). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Bash(nutui-react-taro *), Bash(npx -y @nutui/nutui-react-taro-cli *), Bash(which nutui-react-taro).

Does Nutui React Taro access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Nutui React 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 Taro use?

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

How many tokens does Nutui React Taro use?

About 956 tokens (SKILL.md is roughly 3.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 Taro?

Skills that share tags, products or a category with Nutui React Taro: LangBot Core Development (langbot-app/LangBot, 18k stars), Frontend Build Timing Audit (openops-cloud/openops, 1.1k stars), React (openops-cloud/openops, 1.1k stars) and Igniteui Wc Choose Components (IgniteUI/igniteui-webcomponents, 170 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Nutui React 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.