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 🙏

© 2026 – Pkg Stats / Ryan Hefner

gga-kit

v1.0.4

Published

A powerful collection of Agentic Skills, Workflows, and Agents designed to supercharge your AI coding assistant.

Readme

Google Antigravity Kit

A powerful collection of Agentic Skills, Workflows, and Agents designed to supercharge your AI coding assistant. This kit provides specialized capabilities for domains including Shopify development, high-end frontend design, 3D graphics, automated documentation, and professional project management.

🚀 Features

The kit is organized into three main pillars: Agents (personas), Skills (capabilities), and Workflows (processes).

🤖 Agents

Located in .agent/agents, these are specialized personas equipped with specific skills and instructions to handle complex roles:

  • 3d-developer: Specialist in building immersive 3D web experiences using Three.js.
  • brainstorm: Creative partner for generating ideas and solving problems.
  • growth-hacker: Strategist for product growth and user acquisition.
  • media-specialist: Expert in media content creation and manipulation.
  • product-designer: Focused on UI/UX, visual fidelity, and Polaris compliance.
  • project-manager: Handles task breakdown, planning, and progress tracking.
  • qa-specialist: Dedicated to testing, verification, and quality assurance.
  • shopify-developer: Expert in the full Shopify application ecosystem.
  • technical-writer: Specializes in creating clear, comprehensive documentation (like this README!).

🧠 Skills

Located in .agent/skills, these provide deep, formatted knowledge and executable tools:

🛍️ Shopify Ecosystem (New!) A complete suite for professional Shopify App development:

  • Core: shopify-api, shopify-app-bridge, shopify-remix-template
  • Business Logic: shopify-billing, shopify-functions, shopify-webhooks
  • Data & UI: shopify-metafields, shopify-liquid, shopify-polaris-design
  • Extensions: shopify-extensions
  • Testing: shopify-testing

🎨 Frontend & Design

  • frontend-design: Create distinctive, production-grade frontend interfaces.
  • canvas-design: Create beautiful static visual art and designs.
  • experimental-art: algorithmic-art for p5.js generative art.
  • remotion-best-practices: Video creation in React.
  • remixjs-best-practices: Guidelines for Remix v2/v7.
  • vercel-react-best-practices: Performance optimization guidelines.

🧊 3D Graphics (Three.js Suite)

  • Core: threejs-fundamentals, threejs-geometry, threejs-materials, threejs-lighting
  • Interaction: threejs-animation, threejs-interaction
  • Advanced: threejs-shaders, threejs-postprocessing, threejs-textures, threejs-loaders

🛠️ Agent Meta-Skills

  • agent-creator: Guide for creating and configuring new agents.
  • skill-creator: Guide for creating effective new skills.
  • rule-creator: Create and manage user rules.
  • workflow-creator: Create and manage automated workflows.
  • beads: A memory upgrade and task management tool.

📚 Documentation & Research

  • docusaurus-generator: Generate documentation sites using Docusaurus.
  • research: Methodologies for deep technical research.
  • brainstorm: Techniques for creative problem solving.

💻 Backend & Languages

  • typescript: Modern TypeScript 5.x+ best practices.
  • mongoose: Mongoose ODM 8.x+ guide.

⚡ Workflows

Located in .agent/workflows, these shortcuts automate common tasks. Trigger them with specific commands:

Git & Version Control

  • /git-cm: Commit changes with a descriptive, conventional message.
  • /git-pr: Generate a Pull Request description.
  • /git-sync: Sync with remote (pull --rebase).
  • /git-undo: Undo the last commit (soft reset).
  • /release: Manage release versions.

Development & CI

  • /shopify-dev: Start the Shopify development server.
  • /test: Generate and run tests.
  • /review: Review code for bugs and improvements.
  • /design: Create UI mockups.
  • /plan: Break down features into tasks.
  • /readme: Update this README (Self-referential!).
  • /explain: Explain code in detail.

📂 Project Structure

google-antigravity-kit/
├── .agent/
│   ├── agents/         # Specialized Agent Personas
│   ├── rules/          # User behavior rules
│   ├── skills/         # Capabilities & Domain Knowledge
│   └── workflows/      # Automated Process Definitions
└── README.md           # This file

🛠 Usage

This kit is designed for use within an Agentic environment (like Gemini Code Assist or Cursor).

  • To use an Agent: Switch to the persona or reference them in your instructions (e.g., "Act as the Project Manager").
  • To use a Workflow: Type the command in the chat (e.g., @[/git-cm], @[/plan]).
  • To use a Skill: The agent will automatically select relevant skills based on your request (e.g., "Create a 3D scene" triggers Three.js skills).

📄 License

[License Information to be added]