jjuidev/jss
Overview
This skill provides actionable guidance for the JavaScript stack ecosystem, covering best practices, patterns, and workflows for React, React Native, Next.js, Nest.js, and related tools. It exposes a flag-based command pattern to select a stack and specific action, then runs a structured workflow to produce concrete steps and configurations. The focus is on pragmatic outcomes: code snippets, configuration edits, and reproducible commands.
How this skill works
You invoke the skill with flags indicating the target stack and desired action, for example: /jss --react --lint. The skill parses the flags and any extra message, validates that a workflow exists for that stack/action, then loads the corresponding workflow reference. It executes the workflow by parsing arguments, gathering missing requirements, performing the listed commands and file configurations, and reporting completion with clear next steps.
When to use it
- When you need standardized, repeatable workflows for common JS stack tasks (linting, testing, deployment).
- When you want stack-specific configuration templates or step-by-step setup instructions.
- When you need to transform a high-level request into concrete commands and file edits.
- When onboarding or auditing a JS project to ensure consistent patterns and tooling.
Best practices
- Use explicit flags to select stack and action so the workflow matches precisely.
- Provide required arguments in the message to avoid interactive prompts and speed execution.
- Review the validation step output; if a workflow is unimplemented you’ll receive a concise status and ETA.
- Treat produced commands and file changes as templates: adapt paths and environment variables to your repo.
- Run generated commands in a controlled environment (branch, container) before merging to main.
Example use cases
- Set up ESLint, Prettier, and project lint scripts for a Next.js app with a single command.
- Generate a production-ready Nest.js Dockerfile and deployment steps.
- Add React Native CI steps and testing configuration tailored to iOS/Android.
- Migrate a React project to a monorepo layout with recommended tooling and scripts.
- Create a Next.js incremental static regeneration strategy and required config.
FAQ
You will receive a short status indicating it’s not implemented yet and an estimated timeframe or suggestion for an alternative workflow.
Can I pass custom arguments or config files?
Yes. Extra message text after flags is treated as arguments or configuration instructions and the workflow will parse them to customize outputs.
22 skills
This skill helps you apply JavaScript stack best practices across React, Next.js, Node, and Nest.js to accelerate quality and consistency.
This skill helps you brainstorm architecture decisions, trade-offs, and feasible solutions with brutal honesty and pragmatic prioritization.
This skill streamlines integrating SePay and Polar for checkout, subscriptions, webhooks, and automated benefits across global and Vietnamese payments.
This skill helps you craft detailed technical implementation plans, roadmaps, and architectures from research to documentation, ensuring clear, actionable
This skill helps you monitor project plans with a visual kanban dashboard, tracking progress, timelines, and phase status across plans.
This skill provides semantic code analysis with GitLab Knowledge Graph for go-to-definition, usages, impact analysis, and architecture visualization.
This skill guides you through root-cause debugging and defense-in-depth validation to fix issues efficiently before confirming success.
This skill helps you build, evaluate, and deploy AI agents with Google ADK Python for multi-agent systems, tooling, and Vertex AI deployment.
This skill helps you perform systematic technology research, assess architectures, and evaluate solutions for scalability, security, and maintainability.
This skill discovers library documentation by executing scripted workflows to fetch, categorize, and analyze context7 docs for fast API lookups.
This skill helps you process PDFs by extracting text, merging, splitting, and filling forms to streamline document workflows.
This skill helps you create GPU-accelerated GLSL fragment shaders for procedural textures, patterns, and visual effects in WebGL and Three.js.
This skill enforces rigorous code-review practices, verifies completion claims with evidence, and coordinates subagent reviews to improve quality and
This skill helps you create, edit, and analyze Excel files using formulas, formatting, and data analysis while preserving templates.
This skill helps you create Mermaid.js v11 diagrams quickly, converting code into SVG/PNG/PDF and embedding in markdown or webpages.
This skill helps you build high-performance 3D web apps with Three.js by guiding scene setup, model loading, animation, physics, and VR/XR.
This skill packs entire codebases into AI-friendly XML, Markdown, or plain text for efficient LLM context, audits, and documentation.
This skill helps you build modern React apps with Next.js, Turborepo, and RemixIcon, optimizing monorepos, SSR/SSG, and shared UI components.
This skill automates and guides bug fixing across modes, optimizing root-cause analysis and verification to accelerate reliable resolutions.
This skill renders markdown files as a calm, book-like reader via HTTP, enabling distraction-free long-form viewing and easy directory browsing.
This skill analyzes images, audio, and video with Gemini multimodal API and generates media content to accelerate multimodal insights.
This skill helps you design accessible, responsive UIs using shadcn/ui, Radix UI, and Tailwind, enabling rapid prototyping and consistent design systems.
