dfinity avatar

Asset Canister

This is how you host a frontend on the Internet Computer. It handles static file deployment with certified responses that browsers can verify came from the blockchain, not a centralized server. The real value here is the mistakes section: it walks through the wrong `dir` path that silently breaks deploys, missing SPA rewrites that cause 404s on refresh, and the `ic_env` cookie bug if you pin asset canister Wasm below 0.30.2. Covers `.ic-assets.json5` configuration for routing and caching, automatic gzip and brotli compression, and programmatic uploads via the SDK. Use this when deploying React, Vue, or any static build output to IC.

skills.sh installs
228
GitHub stars
39
last updated
Aug 21, 2026

Install

$ npx -y skills add dfinity/icskills --skill asset-canister --agent claude-code

Installs into .claude/skills of the current project.

Files

This is how you host a frontend on the Internet Computer. It handles static file deployment with certified responses that browsers can verify came from the blockchain, not a centralized server. The real value here is the mistakes section: it walks through the wrong `dir` path that silently breaks deploys, missing SPA rewrites that cause 404s on refresh, and the `ic_env` cookie bug if you pin asset canister Wasm below 0.30.2. Covers `.ic-assets.json5` configuration for routing and caching, automatic gzip and brotli compression, and programmatic uploads via the SDK. Use this when deploying React, Vue, or any static build output to IC.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/dfinity/icskills
Categories
Frontend Development, DevOps & CI/CD, Release Management
First seen
Jun 3, 2026

More from dfinity/icskills

All 16
1yonatangross avatardoctoryonatangross/orchestkitOrchestKit doctor for health diagnostics across manifest integrity, hook configuration, skill validation, agent frontmatter, MCP server connectivity, CC version227skills.sh installs
2mhattingpete avatartechnical-doc-creatormhattingpete/claude-skills-marketplaceCreate HTML technical documentation with code blocks, API workflows, system architecture diagrams, and syntax highlighting. Use when users request technical doc221skills.sh installs
3gleapsdk avatargleap-sdk-setupgleapsdk/agent-skillsIntegrates the Gleap customer feedback SDK into projects. Detects the platform (JavaScript, iOS, Android, React Native, Flutter, Ionic Capacitor, Cordova, Flutt217skills.sh installs
4yonatangross avatari18n-date-patternsyonatangross/orchestkitImplements internationalization (i18n) in React applications. Covers user-facing strings, date/time handling, locale-aware formatting, ICU MessageFormat, and RT215skills.sh installs
5tamiror6 avatarshopify-polaris-web-componentstamiror6/shopify-app-skillsUse Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page, s-s213skills.sh installs
6microsoft avatarchat-customizations-editormicrosoft/vscodeUse when working on the Chat Customizations editor — the management UI for agents, skills, instructions, hooks, prompts, MCP servers, and plugins.212skills.sh installs