Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
Supernal Interface CLI
CLI tool for generating tests, scanning contracts, managing story-based tests, and setting up MCP integration in web projects.
skill openclawclawhub Free
CLI tool for generating tests, scanning contracts, managing story-based tests, and setting up MCP integration in web projects.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- ianderrington
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
si - Supernal Interface CLI
Test generation, contract scanning, story-based testing, and MCP setup for web applications.
Installation
npm install -g @supernal/interface
Contract Generation & Scanning
# Scan Next.js pages โ generate route contracts si scan-routes si scan-routes -p ./src/pages -o ./src/routes/Routes.ts si scan-routes --framework nextjs --watch # Watch mode si scan-routes --git-commit # Auto-commit # Scan components โ generate name contracts (data-testid) si scan-names si scan-names -c ./src/components -o ./src/names/Components.ts si scan-names --flat # Components.Header vs Header.submitButton # iOS-specific scanning si scan-ios-views # SwiftUI views โ component names si scan-ios-routes # SwiftUI navigation โ route contracts si scan-ios-names # Swift accessibility identifiers
Validation
si validate --all # Validate everything si validate --routes <file> # Validate route contracts si validate --names <file> # Validate name contracts si validate --tools # Validate @Tool decorators si validate --no-cache # Force refresh si validate-graph # Detect broken links, orphan routes
Test Generation
# From @Tool decorators si generate-tests si generate-tests --tools src/tools/index.ts si generate-tests --include-e2e # Add Playwright E2E tests si generate-tests -f jest # Framework: jest (default) # From Gherkin feature files si generate-story-tests <path> # Multi-platform test generation
Story System (BDD Testing)
# Record story videos si story record <story-file> # Record .story.ts execution # Test without video si story test <feature-file> # Run Gherkin scenarios # Validate before running si story validate <feature-file> # Check syntax, steps, components # List available steps si story list-steps # Show allowed Gherkin patterns si list-steps # Alias
Testing Commands
# Graph-based testing (routes graph) si test graph # All modes: visual, perf, a11y, SEO si test graph --modes visual,performance si test graph --start-url /dashboard # Shortcuts si test visual # Visual regression (screenshots) si test performance # Core Web Vitals, Lighthouse si test a11y # WCAG compliance (axe-core) # Record test video si test record <test-file> # Playwright video capture si record <test-file> # Alias
Project Setup
# Initialize in Next.js project si init # Current directory si init ./my-project # Specific directory si init --scan-only # Report only, no generation si init --inject # Inject data-testid into components si init --migrate # Migrate imports to contracts si init --dry-run # Preview changes si init --revert # Restore from backups # Route migration si migrate-routes # Migrate hardcoded strings โ Routes
MCP Setup
# Fully automated MCP setup (zero manual steps) si setup-mcp # Configure IDE + create server si setup-mcp --force # Overwrite existing si setup-mcp --skip-test # Skip server startup test si setup-mcp --manual # Create files only, skip IDE config # Claude Code integration si setup-claude # Install skills + agents
Utilities
si cache-tools <file> # Cache @Tool decorators si benchmark-cache # Test caching performance si feedback # File GitHub issue
New Project Setup
cd my-nextjs-project si init si scan-routes si scan-names si setup-mcp
Pre-PR Validation
si validate --all si test visual # Check for visual regressions si test a11y # Accessibility compliance
Story-Driven Development
# 1. Write Gherkin feature echo 'Feature: Login Scenario: Valid credentials Given I am on the login page When I enter valid credentials Then I should see the dashboard' > login.feature # 2. Validate si story validate login.feature # 3. Create story implementation (.story.ts) # 4. Record demonstration si story record login.story.ts # 5. Generate tests si generate-story-tests login.feature
Contract-First Development
# Generate contracts from existing code si scan-routes --git-commit si scan-names --git-commit # Validate contracts stay in sync si validate --routes ./src/routes/Routes.ts si validate --names ./src/names/Components.ts
Integration with Other Tools
ToolRelationshipscTask management, project health โ use sc for dev workfloworchAgent orchestration โ si focuses on testing/contractsuniversal-commandsi uses universal-command pattern internally for CLI/API/MCP
Environment
Routes file: ./src/routes/Routes.ts (default) Names file: ./src/names/Components.ts (default) Tests output: ./tests/generated/ (default) Framework: Next.js (default), React Router supported
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
1 Docs
- SKILL.md