HsienWCommunity·29 Agent Skills Included

chat-gun-react-agent

Full-stack streaming chat app with LangGraph workflows and engineering rules

Builds and maintains a full-stack chat application with streaming replies, tool calling, image input, and human-in-the-loop approvals. Covers React frontend, Node.js gateway, and LangGraph backend layers with strict contracts for events, errors, timeouts, and cancellation. Includes reusable engineering rules for testing, debugging, security, code review, and spec-driven change workflows.

63|14

↗

npx skills add HsienW/chat-gun-react-agent --all -g -y

Available:

Defines global coding rules, role-based write permissions, and OpenSpec workflow routing so agents know which stage, files, and responsibilities apply before making any change.

All Skills in This Repository (29)

Pure Emerald Level Indicators

📦 In Repo

HsienW

openspec-workflow-router

Route OpenSpec change lifecycle and Qwen Code review tasks.

secondary-architecture-reviewer

Review software architecture across OpenSpec, Git Diff, frontend, bff, backend, LangGraph, Tool, MCP, and security boundaries.

langgraph-human-in-the-loop

Manage human-in-the-loop interactions in LangGraph workflows with interrupt() and Command(resume=...).

debugging-and-error-recovery

Diagnose and resolve software errors across UI, API, and database layers.

test-driven-development

Implement test-driven development by writing tests before code to catch bugs early.

incremental-implementation

Break complex feature implementations into small, testable increments.

coding-standards

Enforces naming conventions, immutability, and code-quality standards across projects.

api-and-interface-design

Define REST and GraphQL API contracts with backward compatibility and boundary validation.

langgraph-persistence

Manage LangGraph state persistence with checkpointers and thread-based state.

frontend-ui-engineering

Develop React and TypeScript UI components with responsive layouts and state management.

chat-gun-backend-contract

Enforce backend coding, security, and observability standards for TypeScript in React applications.

code-review-and-quality

Review code for correctness, readability, architecture, security, and performance before merging.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install chat-gun-react-agent?▼

Run `npx skills add HsienW/chat-gun-react-agent --all -g -y` in your terminal to install all skills in this suite globally.

What does Chat Gun React Agent do?▼

It is a full-stack chat application built with React, TypeScript, and LangGraph that supports streaming replies, tool calling, image input, and human-in-the-loop confirmations across multiple agent workflows.

How do the OpenSpec workflow skills work?▼

The router skills detect which stage a task belongs to, such as planning, review, implementation, or archive, and load only the instructions needed for that stage to keep context small and roles separated.

Does it support different model providers?▼

Yes. The backend works with Qwen, OpenAI-compatible, and CCR-compatible endpoints through a unified provider adapter, and can add MCP tools like filesystem or Brave Search.

Can I use these engineering rules in my own project?▼

Yes. Skills like test-driven development, code review, security hardening, and React best practices are general-purpose and work in Claude Code, Codex, and other compatible hosts.