modrinthOfficial·8 Agent Skills Included

code

Automate Modrinth frontend, API, and localization development workflows

Automates common development tasks across the Modrinth web and desktop codebases. Converts Vue data fetching to TanStack Query, builds API client modules from OpenAPI schemas, and turns Figma designs into Vue components. Reviews changelog entries and localizes hard-coded text, eliminating repetitive manual edits and style mistakes.

2,350|585

↗

npx skills add modrinth/code --all -g -y

Available:

Instructs the AI agent on the monorepo structure, coding rules, and which project-level instruction files and skills to consult before editing code.

All Skills in This Repository (8)

Pure Emerald Level Indicators

📦 In Repo

modrinth

api-module

Generate type-safe TypeScript API client modules from OpenAPI schemas.

tanstack-query

Convert useAsyncData and manual ref patterns to TanStack Query hooks.

cross-platform-pages

Convert web pages into shared layouts for Modrinth website and desktop app.

figma-mcp

Translate Figma designs into Vue layouts using Figma MCP tools.

i18n-pass

Convert hard-coded English strings in Vue files to the @modrinth/ui i18n system.

tanstack-query

Convert Vue server-state code to TanStack Query with useQuery and useMutation.

review-changelog

Review Modrinth changelog entries against the project changelog standard.

figma-mcp

Convert Figma designs into Modrinth Vue components using MCP design context.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Modrinth code skills?▼

Run `npx skills add modrinth/code --all -g -y` in your terminal to install all skills in this suite globally.

How to convert Vue code to TanStack Query?▼

The tanstack-query skill replaces useAsyncData and manual fetch refs with useQuery and useMutation, including cache invalidation and optimistic updates.

Can AI turn Figma designs into Vue components?▼

Yes. The figma-mcp skill reads Figma design context and builds Vue components using Modrinth's shared UI library and Tailwind tokens.

How to add a new API client module?▼

The api-module skill generates a fully typed API client module from an OpenAPI schema and registers it in the client automatically.

Do these skills work with Claude Code and Codex?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Codex, Cursor, and other compatible agents.