skills.rest
IDEA-on-Action
IDEA-on-ActionOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Minu Shared Skill

Provide reusable UI components, hooks, utilities, and TypeScript types for Minu frontend applications.

Updated Nov 27, 2025
Search Tags:#code reuse#frontend development#utility functions#shared components#TypeScript types#UI library#Minu
One-click install
npx skills add https://github.com/IDEA-on-Action/Minu-Shared --skill minu-shared-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Minu Shared Skill
Source: https://github.com/IDEA-on-Action/Minu-Shared/tree/main/claude-skills/minu-shared
Command: npx skills add https://github.com/IDEA-on-Action/Minu-Shared --skill minu-shared-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Duplication of UI components, utility functions, and type definitions across multiple services leads to inconsistent user experiences, increased maintenance burden, and slower development cycles. This skill centralizes common assets.

Core Features & Use Cases

  • Reusable UI Components: Provides a library of consistent UI elements (e.g., Button, ServiceBadge, AuthGuard) for rapid and uniform interface development.
  • Essential Utility Functions: Offers a collection of common helpers for API client creation, authentication, data formatting (e.g., formatCurrency, formatDate), and class name utilities (cn).
  • Standardized TypeScript Types: Defines core interfaces for users, subscriptions, and API responses, ensuring type safety and consistency across all Minu applications.
  • Centralized Constants: Manages common constants like service details, pricing plans, and authentication URLs, reducing hardcoding and improving maintainability.
  • Use Case: When building a new Minu service or feature, leverage the @minu/shared package to quickly implement common UI elements, authentication flows, and data structures, ensuring brand consistency and saving significant development time.

Quick Start

Show me how to import and use the Button component from the @minu/shared package, and also how to use the formatCurrency utility function.

Frequently Asked Questions about Minu Shared Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reuse UI components consistently across multiple TypeScript frontend services?▼

Reusing UI components across services requires a shared library. @minu/shared provides a centralized package with consistent Button, ServiceBadge, and AuthGuard components, TypeScript types, and utilities that eliminate duplication and ensure uniform interfaces across all Minu applications.

What's the best way to handle authentication and subscription checks in frontend applications?▼

Implement authentication and subscription management through shared utilities. @minu/shared exports useAuth and useSubscription hooks, AuthGuard components, token handling, and authentication helpers that standardize login flows and gated features across services.

How do I avoid duplicating utility functions like formatCurrency and API clients across services?▼

Centralize utilities in a shared library. @minu/shared provides formatCurrency, formatDate, className utilities, an API client factory, and standardized response types that services import once, reducing maintenance and ensuring consistency.

Can I use shared TypeScript types across multiple Minu services to ensure type safety?▼

Yes. @minu/shared exports core TypeScript interfaces for User, Subscription, and API responses that all Minu applications import, eliminating duplicate type definitions and guaranteeing type consistency across your entire service ecosystem.

What environment configuration and constants should be centralized for frontend services?▼

Centralize service details, pricing plans, authentication URLs, and environment-based settings in a shared library. @minu/shared manages constants and environment configuration, reducing hardcoded values and enabling consistent behavior across all dependent services.

How do I quickly set up a new Minu service with standard UI and authentication patterns?▼

Import from @minu/shared to bootstrap new services rapidly. The package provides ready-to-use components, authentication flows, API clients, types, and utilities that establish brand consistency and reduce initial development time for dashboards and cross-service features.

Related Skills

Explore More Software Engineering Skills→
fusebase-devfusebase-dev
6

managed-integrations

Integrate Gmail, Asana, and Todoist into applications via the FuseBase Gate SDK.

Official
Advanced
Omar-CcOmar-Cc

genni-monorepo

Establish frontend architecture patterns for pnpm monorepos with Next.js and Vite React.

Community
Advanced
randalmurphalrandalmurphal

frontend-patterns

Provide structured frontend patterns for React, Vue, and TypeScript projects.

Community
Intermediate
Yemomo511Yemomo511
2

expo-dev-client

Build custom Expo development clients and distribute them via TestFlight.

Community
Intermediate