Arbitrum Dapp Skill

Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when starting a new Arbitrum project, writing Stylus or Solidity contracts, deploying to Arbitrum, or building a frontend that interacts with Arbitrum contracts.

9 stars 3 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add hummusonrails/arbitrum-dapp-skill --skill arbitrum-dapp-skill

Manual install

git clone --depth 1 https://github.com/hummusonrails/arbitrum-dapp-skill.git /tmp/arbitrum-dapp-skill
mkdir -p ~/.claude/skills
cp -r /tmp/arbitrum-dapp-skill/. ~/.claude/skills/arbitrum-dapp-skill

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Arbitrum dApp Development

## Stack

| Layer | Tool | Notes |
|-------|------|-------|
| Smart contracts (Rust) | `stylus-sdk` v0.10+ | Compiled to WASM, runs on Stylus VM |
| Smart contracts (Solidity) | Solidity 0.8.x + Foundry | Standard EVM path on Arbitrum |
| Local node | `nitro-devnode` | Docker-based local Arbitrum chain |
| Contract CLI | `cargo-stylus` | Check, deploy, export-abi for Stylus |
| Contract toolchain | Foundry (`forge`, `cast`, `anvil`) | Build, test, deploy, interact for Solidity |
| Frontend | React / Next.js + viem + wagmi | viem for all chain interaction |
| Package manager | pnpm | Workspace-friendly, fast |

## Decision Flow

When starting a new contract:

1. **Need max performance / lower gas?** → Stylus Rust. See `references/stylus-rust-contracts.md`.
2. **Need broad tooling compatibility / rapid prototyping?** → Solidity. See `references/solidity-contracts.md`.
3. **Hybrid?** → Use both. Stylus and Solidity contracts are fully interoperable on Arbitrum.

## Project Scaffolding

### Monorepo layout (recommended)

```
my-arbitrum-dapp/
├── apps/
│   ├── frontend/            # React / Next.js app
│   ├── contracts-stylus/    # Rust Stylus contracts
│   ├── contracts-solidity/  # Foundry Solidity contracts
│   └── nitro-devnode/       # Local dev chain (git submodule)
├── pnpm-workspace.yaml
└── package.json
```

### Bootstrap steps

Read the full skill on GitHub

Details

Skill name: arbitrum-dapp-skill
Repository: hummusonrails/arbitrum-dapp-skill
License: MIT
Repo updated: 2 June 2026

FAQ

What does the Arbitrum Dapp Skill skill do?

How do I install the Arbitrum Dapp Skill skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add hummusonrails/arbitrum-dapp-skill --skill arbitrum-dapp-skill. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Arbitrum Dapp Skill popular?

It lives in hummusonrails/arbitrum-dapp-skill, which has 9 GitHub stars and 3 forks.

Related skills

Bufatechno Webgamedev

bufatechno/bufatechno-webgamedev

BUFATECHNO WEB GAME DEV — skill for building complete, production-ready web games with Three.js (WebGPU/TSL) or Babylon.js (WebGPU/Havok). Optimized for ZCode and Claude. Covers scaffolding, ECS, PBR/IBL, WebGPU/TSL, VFX/particles/post-processing, Web Audio, assets (GLTF/Draco/KTX2/Splat), 2D canvas/sprites, and animation (mixer/skeletal/morph/blending). Use when user asks to create, build or ship any 3D browser game — FPS, voxel, third-person, platformer, racing, flight, tower defense, RPG, multiplayer, WebXR/VR. Triggers on 'Three.js game', 'Babylon.js demo', 'WebGPU game', 'voxel world', 'b

Frontend & Design

Agential Skill

talhairfandev/agential-skill

Use this skill for any website, web application, frontend UI, component, layout, styling, refactor, or review. It enforces a self-contained editorial output standard: image-first composition, oversized typography, visible hairline grids, hard-edged rectangular framing, restrained copy, and review.

Frontend & Design

Character Animation

karem505/character-animation-skill

Turn a static character or asset image into a looping animated character, delivered as a moving SVG plus animated WebP and GIF. Use this whenever the user wants to animate, bring to life, or "make move" a character, mascot, logo, creature, sprite, icon, or any asset image — or wants a moving/animated SVG, WebP, or GIF made from an image — or mentions generating a sprite sheet animation, or names "Nano Banana 2" / Gemini image generation for animation. Also use it to convert an EXISTING sprite sheet (a grid of frames) into those animated formats. Trigger even when the user just says things like

Frontend & Design

Openclaw Darkpattern Buster

alphaparkinc/openclaw-darkpattern-buster

Bypasses UI dark patterns, un-checks hidden subscription boxes, and navigates confusing opt-out flows automatically during checkout to protect user intent.

Frontend & Design

Liquid Glass Frontend

ngocanhnckh/liquid-glass-frontend-skill

Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default fonts, uniform fade-ins). Covers creative direction and signature interactions, the frost/blur glass material, single-source color tokens with dark+light theming, scroll/stagger/parallax/scroll-scrubbed animation, type-as-hero typography, and asymmetric grid-breaking composition.

Frontend & Design

Replicate Webpage

22duxiaoyu/replicate-webpage-skill

Rebuild a webpage from a user-provided URL with high visual and behavioral fidelity, then customize its text, names, images, colors, or branding. Use when the user asks to “replicate this webpage,” “clone this website,” “复刻这个网页,” recreate a reference site, or reproduce a page’s observable layout, responsive behavior, animations, and interactions in a local codebase.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.