← Back to Skills Marketplace
orbcafe-ui-component-usage
by
SHENRUIYANG
· GitHub ↗
· v1.0.2
· MIT-0
296
Downloads
0
Stars
1
Active Installs
3
Versions
Install in OpenClaw
/install orbcafe-ui-component-usage
Description
Route ORBCAFE UI requests to the correct module skill and enforce official examples-based integration baseline. Use when requests are ambiguous, cross-module...
Usage Guidance
This skill is an instruction-only router and appears coherent with its purpose. Before following its install recommendations: (1) verify you trust the orbcafe-ui NPM package and the listed UI libs (MUI, emotion, dayjs) and their versions in your project; (2) install packages in a controlled environment (use a branch, container, or local experiment) and review package contents/lockfile before running npm install; (3) note the SKILL.md demands always showing an npm install command — the agent will therefore often advise installing dependencies even if you already have them; (4) one minor inconsistency to be aware of: the integration-baseline includes version-sensitive notes for >=1.0.6 while this skill is labeled 1.0.2 — confirm the expected orbcafe-ui package version for those notes before relying on them. If you need stricter guarantees (no package installation advice, or verification of the NPM package source), request that explicitly or inspect the package registry entry yourself.
Capability Analysis
Type: OpenClaw Skill
Name: orbcafe-ui-component-usage
Version: 1.0.2
The skill bundle serves as a routing and integration guide for a UI component library named 'orbcafe-ui'. It contains architectural maps, module contracts, and implementation guardrails (e.g., in `module-contracts.json` and `skill-routing-map.md`) designed to help an AI agent classify user requests and generate appropriate React/Next.js code. The instructions in `SKILL.md` and `agents/openai.yaml` are standard for developer tools, focusing on correct library usage, installation steps, and hydration safety without any signs of malicious intent, data exfiltration, or harmful prompt injection.
Capability Assessment
Purpose & Capability
The name/description (route ORBCAFE UI requests and enforce examples-based baseline) match the provided routing map, module contracts, integration baseline, and example-first rules. The references and SKILL.md focus on selecting the correct module, producing minimal runnable code using public orbcafe-ui exports, and verification steps — all consistent with the stated purpose.
Instruction Scope
The SKILL.md confines runtime instructions to classification, reading the included reference docs, producing paste-ready code, and providing verification/troubleshooting steps. It mandates including an npm install command each time (adds UI libs and orbcafe-ui). This is within scope for a UI integration helper, but the requirement to always present an install command means the agent will routinely recommend installing packages into the user's environment — users should confirm they want those packages before running them.
Install Mechanism
There is no automated install spec in the skill bundle (instruction-only), so nothing is downloaded or written by the skill itself. The SKILL.md recommends an npm install invocation (orbcafe-ui, MUI, dayjs, emotion). That recommendation is expected for a UI integration helper and the packages are typical front-end dependencies; no obscure URLs or extractable archives are used.
Credentials
The skill requests no environment variables, no credentials, and requires no binaries. References and instructions do not ask for unrelated secrets or system paths. This is proportionate for a UI routing/integration guidance skill.
Persistence & Privilege
Skill flags are default: always:false and model invocation allowed (normal). The skill does not request persistent system presence or attempt to modify other skills or system-wide configs. It only instructs the agent to output guidance and code snippets.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install orbcafe-ui-component-usage - After installation, invoke the skill by name or use
/orbcafe-ui-component-usage - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.2
- Added references/module-contracts.json and references/module-contracts.md to provide module-level entrypoint and contract details.
- Updated workflow to require checking module-contracts for public entry, hook/component usage, examples, and validation approach.
- Expanded module classification to include "AgentUI Chat".
- Before coding, now explicitly specify whether the module is "Hook-first" or "Component-first".
- Minor clarification and formatting improvements in documentation.
v1.0.1
- Updated description to emphasize enforcing official examples-based integration baseline and mandatory install/startup/verification steps.
- Added detailed installation instructions, including third-party dependencies and Tailwind config requirements.
- Workflow now explicitly requires installation and Next.js/hydration checks before classification.
- Output contract expanded: now mandates minimal data structure, at least 3 verification steps, and at least 3 troubleshooting tips for "no effect" issues.
- New section prioritizes following official example code structures and Next.js best practices for integration.
v1.0.0
Initial release — router skill for unclear or broad ORBCAFE UI requests.
- Classifies the request and hands off to the appropriate ORBCAFE module skill.
- Enforces public export boundaries and integration checks.
- Provides a concise output: component decision, runnable code snippet, required data shape, and upgrade path.
- Activated when the user's intent is unclear or not module-specific.
Metadata
Frequently Asked Questions
What is orbcafe-ui-component-usage?
Route ORBCAFE UI requests to the correct module skill and enforce official examples-based integration baseline. Use when requests are ambiguous, cross-module... It is an AI Agent Skill for Claude Code / OpenClaw, with 296 downloads so far.
How do I install orbcafe-ui-component-usage?
Run "/install orbcafe-ui-component-usage" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is orbcafe-ui-component-usage free?
Yes, orbcafe-ui-component-usage is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does orbcafe-ui-component-usage support?
orbcafe-ui-component-usage is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created orbcafe-ui-component-usage?
It is built and maintained by SHENRUIYANG (@shenruiyang); the current version is v1.0.2.
More Skills