← Back to Skills Marketplace
Wasm Spa Autofix React Imports
by
Tippy Entertainment
· GitHub ↗
· v0.1.0
546
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install wasm-spa-autofix-react-imports
Description
Meticulously detect and fix missing React/TSX imports, undefined components, and bundler runtime errors in the WASM SPA build/preview pipeline. Ensures JSX c...
Usage Guidance
This skill appears to do exactly what it says: read the project (under the projectRoot you supply), detect missing/incorrect imports, and propose or apply patches. To reduce risk: run first with dryRun:true and review unified diffs before applying; supply a specific projectRoot that limits file access (not system root); avoid giving it access to repositories containing secrets; confirm patches to build/config files (tsconfig, entry file) manually if you’re unsure; and only enable autonomous invocation if you trust the runtime to make safe edits. If you need higher assurance, request a copy of the exact patch output before applying or run the fixes inside an isolated CI job/repository clone.
Capability Analysis
Type: OpenClaw Skill
Name: wasm-spa-autofix-react-imports
Version: 0.1.0
The skill is designed to fix code by reading project files and generating patches. It is classified as 'suspicious' due to the inherent high-risk capabilities required for its function, specifically the instruction to 'read additional project files' (SKILL.md, behavior.steps.2) and the ability to generate patches that can effectively create new files or modify existing ones (SKILL.md, behavior.steps.4, 'Output format'). While these capabilities are plausibly needed for a code-fixing agent and are accompanied by guardrails, they represent broad permissions for file system interaction, which, without strict runtime sandboxing or further user prompt scrutiny, could be leveraged for unintended access or modification.
Capability Assessment
Purpose & Capability
The name/description (auto-fix React imports in a WASM SPA preview pipeline) matches the declared inputs (projectRoot, filePath, fileContents, bundlerLogs, knownLibraries) and the described behavior (search codebase, infer missing imports, produce patches). No unrelated credentials, binaries, or config paths are requested.
Instruction Scope
The SKILL.md explicitly instructs the agent to read additional project files (barrel files, tsconfig, sibling components) and to edit files (imports, entry file, tsconfig) when needed. That is coherent for the stated purpose, but it means the agent will inspect and modify arbitrary project files under the provided projectRoot — review patches before applying and prefer dryRun for review.
Install Mechanism
Instruction-only skill with no install spec or code files. No downloads or external package installs are requested, so there is no install-time risk.
Credentials
The skill requires no environment variables, credentials, or config paths beyond the project path inputs. Requested access is proportional to locating imports and making source edits.
Persistence & Privilege
The skill does not request permanent presence (always:false) or system-wide config changes. It may modify project files within the provided projectRoot, which is expected behavior for a code-fixing tool.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install wasm-spa-autofix-react-imports - After installation, invoke the skill by name or use
/wasm-spa-autofix-react-imports - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
Initial release – Automates detection and correction of missing React/TSX imports and undefined components in WASM SPA projects.
- Detects ReferenceError, missing imports (React, JSX, components, icons, hooks), and bundler runtime errors from logs.
- Adds or edits imports for components and icons, following project conventions and known libraries.
- Proposes stub generation only when no import source exists and it’s appropriate.
- Outputs safe, ordered file patches and plain English summaries of fixes.
- Ensures new code matches existing style, avoids circular dependencies, and never alters unrelated code or package configuration.
Metadata
Frequently Asked Questions
What is Wasm Spa Autofix React Imports?
Meticulously detect and fix missing React/TSX imports, undefined components, and bundler runtime errors in the WASM SPA build/preview pipeline. Ensures JSX c... It is an AI Agent Skill for Claude Code / OpenClaw, with 546 downloads so far.
How do I install Wasm Spa Autofix React Imports?
Run "/install wasm-spa-autofix-react-imports" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Wasm Spa Autofix React Imports free?
Yes, Wasm Spa Autofix React Imports is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Wasm Spa Autofix React Imports support?
Wasm Spa Autofix React Imports is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Wasm Spa Autofix React Imports?
It is built and maintained by Tippy Entertainment (@tippyentertainment); the current version is v0.1.0.
More Skills