npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

together-code

v1.0.0

Published

AI-powered coding assistant that plans, then builds

Readme

Together Code

🧠 AI-powered coding assistant that plans, then builds

A beautiful CLI tool built with React & Ink that creates detailed project plans and executes them step-by-step, using the best AI models for each task.

Future work

  • Make the shortcuts it uses the same as claude code
  • Make sure it uses context and shows how many tokens it's using
  • Make sure it keeps track of how much data is in the context window
  • Maybe use function calls for some different tasks

✨ Features

🧠 Planning-First Approach

  • Smart Planning: Uses DeepSeek v3 to break down requests into logical steps
  • Step-by-Step Execution: Uses Qwen2.5-Coder for high-quality code generation
  • Progress Tracking: Visual progress indicators with real-time feedback
  • User Control: Review and approve plans before execution

🎨 Beautiful Interface

  • ASCII Art Intro: Clean, terminal-friendly introduction
  • Immediate Input: Start typing your request right away
  • Real-time Feedback: Live timer and token tracking during generation
  • Interactive UI: Built with React & Ink for smooth terminal experience

📁 File Management

  • Automatic File Creation: Parses code blocks and creates actual files
  • Smart Organization: Maintains proper directory structure
  • Backup Protection: Protects existing files with automatic backups

Setup

  1. Install dependencies:

    npm install
  2. Set up your Together AI API key:

    export TOGETHER_API_KEY="your-api-key-here"

    Get your API key from Together AI

  3. Build the project:

    npm run build
  4. Run the CLI:

    npm start

    Or in development mode:

    npm run dev

Usage

Interactive Mode

together-code

This will show the intro screen and prompt you for what you want to build.

Direct Prompt

together-code "Create a React component for a todo list"

Examples

  • together-code "Create a simple Express.js API with CRUD operations"
  • together-code "Build a React component with TypeScript for a user profile card"
  • together-code "Generate a Python script to analyze CSV data"

How it Works

  1. Beautiful Intro: Shows a colorful ASCII art intro with "TOGETHER CODE"
  2. AI Generation: Uses Together AI's DeepSeek v3 model to generate high-quality code
  3. File Creation: Automatically parses code blocks and creates files on your filesystem
  4. Interactive Interface: Built with React & Ink for a smooth terminal experience

File Structure

src/
├── components/
│   ├── App.tsx              # Main app component
│   ├── IntroScreen.tsx      # ASCII art intro screen
│   └── CodeGenerator.tsx    # Code generation interface
├── services/
│   ├── togetherAI.ts        # Together AI API integration
│   └── fileWriter.ts        # File creation utilities
└── index.tsx                # CLI entry point

Environment Variables

  • TOGETHER_API_KEY - Your Together AI API key (required)

License

ISC