skills.json•7.4 kB
{
"$schema": "https://anthropic.com/schemas/skills-registry.json",
"version": "1.0.0",
"description": "WebSee MCP Server Skills Registry - 6 comprehensive skills for frontend debugging intelligence",
"skills": [
{
"name": "websee-frontend-debugger",
"path": "../skills/websee-frontend-debugger/SKILL.md",
"type": "workflow",
"description": "Comprehensive frontend debugging with 6 high-level workflow tools for multi-faceted analysis",
"tags": ["debugging", "frontend", "workflow", "comprehensive"],
"tools": [
"debug_frontend_issue",
"analyze_performance",
"inspect_component_state",
"trace_network_requests",
"analyze_bundle_size",
"resolve_minified_error"
],
"toolCount": 6,
"category": "workflow",
"priority": 1,
"autoLoad": true,
"requiredCapabilities": ["browser-automation"],
"integrations": [
"websee-component-intelligence",
"websee-network-intelligence",
"websee-source-intelligence",
"websee-build-intelligence",
"websee-error-intelligence"
]
},
{
"name": "websee-component-intelligence",
"path": "../skills/websee-component-intelligence/SKILL.md",
"type": "granular",
"description": "Deep component inspection for React, Vue, Angular, and Svelte with props, state, and hooks analysis",
"tags": ["components", "react", "vue", "angular", "svelte", "state"],
"tools": [
"component_tree",
"component_get_props",
"component_get_state",
"component_find_by_name",
"component_get_source",
"component_track_renders",
"component_get_context",
"component_get_hooks"
],
"toolCount": 8,
"category": "component",
"priority": 2,
"autoLoad": false,
"requiredCapabilities": ["browser-automation", "devtools"],
"prerequisites": {
"optional": ["react-devtools", "vue-devtools", "angular-devtools"],
"successRate": {
"withDevTools": "100%",
"withoutDevTools": "30%"
}
}
},
{
"name": "websee-network-intelligence",
"path": "../skills/websee-network-intelligence/SKILL.md",
"type": "granular",
"description": "Network request analysis with timing, headers, body inspection, and request tracing",
"tags": ["network", "api", "requests", "performance", "debugging"],
"tools": [
"network_get_requests",
"network_get_by_url",
"network_get_timing",
"network_trace_initiator",
"network_get_headers",
"network_get_body"
],
"toolCount": 6,
"category": "network",
"priority": 2,
"autoLoad": false,
"requiredCapabilities": ["browser-automation", "network-interception"],
"integrations": ["websee-component-intelligence", "websee-error-intelligence"]
},
{
"name": "websee-source-intelligence",
"path": "../skills/websee-source-intelligence/SKILL.md",
"type": "granular",
"description": "Source map resolution, stack trace enhancement, and code navigation for minified code",
"tags": ["sourcemaps", "debugging", "minified", "stack-traces", "navigation"],
"tools": [
"source_map_resolve",
"source_map_get_content",
"source_trace_stack",
"source_find_definition",
"source_get_symbols",
"source_map_bundle",
"source_coverage_map"
],
"toolCount": 7,
"category": "source",
"priority": 2,
"autoLoad": false,
"requiredCapabilities": ["browser-automation"],
"prerequisites": {
"required": ["source-maps"],
"buildTools": ["webpack", "vite", "rollup", "esbuild", "parcel"]
}
},
{
"name": "websee-build-intelligence",
"path": "../skills/websee-build-intelligence/SKILL.md",
"type": "granular",
"description": "Build artifact analysis, bundle size optimization, and dependency graph inspection",
"tags": ["build", "bundle", "optimization", "webpack", "vite", "dependencies"],
"tools": [
"build_get_manifest",
"build_get_chunks",
"build_find_module",
"build_get_dependencies",
"build_analyze_size"
],
"toolCount": 5,
"category": "build",
"priority": 3,
"autoLoad": false,
"requiredCapabilities": ["browser-automation"],
"prerequisites": {
"required": ["build-artifacts"],
"buildTools": ["webpack", "vite"],
"artifacts": ["stats.json", "manifest.json"]
}
},
{
"name": "websee-error-intelligence",
"path": "../skills/websee-error-intelligence/SKILL.md",
"type": "granular",
"description": "Error resolution, root cause analysis, and pattern detection for all JavaScript error types",
"tags": ["errors", "debugging", "stack-traces", "root-cause", "patterns"],
"tools": [
"error_resolve_stack",
"error_get_context",
"error_trace_cause",
"error_get_similar"
],
"toolCount": 4,
"category": "error",
"priority": 2,
"autoLoad": false,
"requiredCapabilities": ["browser-automation"],
"integrations": [
"websee-source-intelligence",
"websee-component-intelligence",
"websee-network-intelligence"
]
}
],
"metadata": {
"totalSkills": 6,
"totalTools": 36,
"workflowTools": 6,
"granularTools": 30,
"categories": ["workflow", "component", "network", "source", "build", "error"],
"frameworks": ["react", "vue", "angular", "svelte"],
"buildTools": ["webpack", "vite", "rollup", "esbuild", "parcel"],
"compatibility": {
"claudeCode": true,
"vsCode": true,
"cursor": true
},
"performance": {
"averageResponseTime": "1.6s",
"testPassRate": "100%",
"productionReady": true
},
"lastUpdated": "2025-10-26",
"version": "1.0.0"
},
"usage": {
"quickStart": "Load websee-frontend-debugger for comprehensive debugging, then use granular skills for specific analysis",
"recommendedLoadOrder": [
"websee-frontend-debugger",
"websee-error-intelligence",
"websee-component-intelligence",
"websee-network-intelligence",
"websee-source-intelligence",
"websee-build-intelligence"
],
"commonWorkflows": [
{
"name": "Debug Production Error",
"skills": ["websee-error-intelligence", "websee-source-intelligence", "websee-component-intelligence"],
"description": "Resolve production errors with source maps and component context"
},
{
"name": "Optimize Performance",
"skills": ["websee-frontend-debugger", "websee-network-intelligence", "websee-build-intelligence"],
"description": "Analyze and optimize page load time and bundle size"
},
{
"name": "Component Debugging",
"skills": ["websee-component-intelligence", "websee-network-intelligence"],
"description": "Debug component state, props, and API interactions"
},
{
"name": "Bundle Analysis",
"skills": ["websee-build-intelligence", "websee-source-intelligence"],
"description": "Analyze bundle composition and optimize size"
}
]
}
}