skills.rest
nirssyan
nirssyanOFFICIAL
Explore all skills by this author →
GitHub

frontend-debug

Extract IDs from frontend logs and search Loki backend logs.

Updated Aug 27, 2026
Search Tags:#troubleshooting#logs#frontend#api#backend#debug
One-click install
npx skills add https://github.com/nirssyan/nirssyan-mono --skill frontend-debug-nirssyan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-debug
Source: https://github.com/nirssyan/nirssyan-mono/tree/main/.claude/skills/frontend-debug
Command: npx skills add https://github.com/nirssyan/nirssyan-mono --skill frontend-debug-nirssyan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps debug frontend issues by analyzing backend logs and making API requests when frontend developers encounter problems or provide error logs.

Core Features & Use Cases

  • Log Analysis: Extracts relevant IDs (user, feed, chat) and timestamps from frontend logs to search backend logs in Loki.
  • API Verification: Generates JWT tokens to make requests to specific API endpoints for verification.
  • Use Case: When a frontend developer reports that posts are not loading for a specific user, this skill can be used to check backend logs for errors related to that user and verify the /feeds/{id}/posts API endpoint.

Quick Start

Use the frontend-debug skill to investigate a frontend error by providing the user ID and the endpoint that returned an error.

Frequently Asked Questions about frontend-debug

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug frontend issues using backend logs?▼

To debug frontend issues using backend logs, you provide error logs containing user-id or feed-id. The skill extracts these IDs and searches Loki to find relevant backend errors and identify the root cause.

How does frontend API verification work when posts are not loading?▼

Frontend API verification works by generating a JWT token to make requests to specific endpoints. This verifies if the API returns data correctly, helping confirm whether the issue is frontend or backend related.

Can I search Loki logs for specific user errors without manual ID extraction?▼

Yes, you can search Loki logs without manual ID extraction. By pasting frontend logs that contain user-id, feed-id, or chat identifiers, the skill automatically extracts these values to query the backend logs.

What is the best way to troubleshoot API requests returning errors for a specific user?▼

The best way to troubleshoot API requests for a specific user is to provide the user ID and the failing endpoint. The skill searches Loki logs for errors and generates a JWT to test the API directly.

Do I need a JWT token to make API requests for backend verification?▼

You do not need to manually provide a JWT token to make API requests for backend verification. The skill automatically generates the required JWT token after extracting user IDs from the provided frontend logs.

Why does my frontend debugging fail when logs lack user or feed IDs?▼

Frontend debugging fails when logs lack user or feed IDs because the skill relies on these identifiers to search Loki and generate JWT tokens. Without extracted IDs, it cannot query backend logs or verify API endpoints.

Related Skills

Explore More Software Engineering Skills→
pluginagentmarketplacepluginagentmarketplace
1

monitoring

Integrate Prometheus, Grafana, Loki, and OpenTelemetry for Kubernetes observability.

Community
Advanced
redhat-etredhat-et
1

check-logs

Query and analyze Kagenti platform logs with Grafana Loki to detect errors.

Official
Intermediate
inbharataiinbharatai
22

log-analyzer

Analyze application and infrastructure logs to detect patterns, cluster errors, and identify anomalies.

Community
Intermediate
NickChristensenNickChristensen
1

paperless-ngx-api

Locate and explain Paperless-ngx API endpoints from the OpenAPI spec.

Community
Intermediate