Modrinth
Official@modrinth
A mod distribution platform.
Agent Skills by Modrinth
Showing 8 vetted skills indexed across 1 GitHub repositories.
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.
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.
Frequently Asked Questions About Modrinth
FAQPage SchemaWhat specific tasks does Modrinth enable for frontend developers?▼
Modrinth enables developers to generate type-safe client modules from schemas, convert manual data fetching patterns to TanStack Query hooks, and translate Figma designs into Vue layouts. It also provides utilities for migrating hard-coded strings into standardized internationalization systems to ensure consistent UI localization across web and desktop platforms.
Which technical personas benefit most from these capabilities?▼
Frontend engineers and UI developers working within the Vue ecosystem benefit most from these capabilities. These resources are specifically designed for teams maintaining cross-platform applications who require strict type safety, efficient data state management, and seamless synchronization between design assets and production codebases.
What are the primary dependencies for implementing these interface utilities?▼
Implementation requires a Vue-based environment and access to OpenAPI schemas for client generation. Developers must also utilize the @modrinth/ui internationalization system for string management and have existing Figma design files to leverage the design-to-layout translation features provided by the platform's internal modules.