claude-code-gha

🥈Silver

10xChat is a multi-threaded chat interface built with Astro and React, featuring persistent chat history and real-time messaging with auto-generated thread titles.

1210Updated 4mo ago

Intermediate30min to implementautomation

Saves ~60 min per use

Quick InstallView Source

git clone https://github.com/przeprogramowani/claude-code-gha.git

Works with:

Claude

Overview

About This Skill

10xChat is a modern chat application that provides multi-threaded conversations with persistent local storage, allowing users to create and manage multiple chat threads that remain accessible across browser sessions. Built with Astro 5.x, React 19, and Tailwind CSS, it delivers a responsive interface that works seamlessly on desktop and mobile devices. The application uses Zustand for state management with localStorage persistence, automatically generating thread titles from the first message and providing real-time messaging with smooth loading states. It integrates with a server-side API endpoint for processing messages and includes server-side rendering for fast initial page loads. This solution is ideal for users who need organized, persistent multi-conversation management in a modern web interface.

How to Use

Install dependencies with npm install, then run npm run dev to start the local development server at localhost:3000. Build for production using npm run build, which outputs to ./dist/. The application manages chat state through Zustand and persists data to localStorage automatically.

Use Cases

Managing multiple concurrent chat conversations with automatic thread organization

Building customer support or chatbot interfaces with conversation history

Creating collaborative chat applications with persistent session data

Developing responsive chat UIs that work across desktop and mobile platforms

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/przeprogramowani/claude-code-gha

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

I want to use Claude Code to automate a workflow in GitHub Actions. Here's the scenario: [DESCRIBE SCENARIO]. Can you generate a GitHub Actions workflow file that integrates Claude Code to accomplish this? The workflow should be triggered by [EVENT] and should use the following inputs: [INPUTS]. Please provide the YAML code and explain how it works.

Example Output

# GitHub Actions Workflow with Claude Code Integration

```yaml
name: Claude Code Integration

on:
  push:
    branches: [ main ]
  pull_request:
    branches: [ main ]

jobs:
  claude-code:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout code
      uses: actions/checkout@v2

    - name: Set up Python
      uses: actions/setup-python@v2
      with:
        python-version: '3.8'

    - name: Install Claude Code
      run: pip install claude-code

    - name: Run Claude Code Analysis
      run: claude-code analyze --input ./src --output ./analysis

    - name: Upload Analysis Results
      uses: actions/upload-artifact@v2
      with:
        name: claude-code-analysis
        path: ./analysis
```

## Explanation

This workflow is triggered on pushes and pull requests to the main branch. It performs the following steps:

1. **Checkout Code**: Retrieves the repository code.
2. **Set up Python**: Configures the Python environment.
3. **Install Claude Code**: Installs the Claude Code package.
4. **Run Claude Code Analysis**: Executes the analysis on the specified input directory.
5. **Upload Analysis Results**: Uploads the analysis results as an artifact.

The workflow ensures that Claude Code analysis is integrated into the CI/CD pipeline, providing automated code analysis on every push or pull request.