Toolverse
All skills

moai-library-shadcn

by modu-ai

Moai Lib Shadcn Ui - Professional implementation guide

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
modu-ai
Category
Frontend
Views
1

About this skill

Moai Lib Shadcn Ui - Professional implementation guide

How to use

  1. Zainstaluj umiejętność w swoim środowisku Claude Code, upewniając się, że masz dostęp do narzędzi Read, Grep, Glob oraz funkcji rozpoznawania i pobierania dokumentacji biblioteki. 2. Wyzwól umiejętność, wspominając o shadcn/ui, bibliotece komponentów, systemie presetów, obsłudze RTL, tematyzacji OKLCH, radix-ui lub zarządzaniu rejestrem komponentów w swoim zapytaniu. 3. Opisz konkretne zadanie: czy chcesz skonfigurować preset projektowania, zmigrować istniejący projekt na CLI v4, wdrożyć obsługę RTL, czy też utworzyć niestandardowe komponenty do dystrybucji. 4. Umiejętność przeanalizuje dokumentację biblioteki i dostarczy wskazówki dotyczące struktury folderów, konfiguracji zmiennych CSS, systemu kolorów OKLCH oraz najlepszych praktyk dla Twojego przypadku użycia. 5. Zastosuj sugerowane rozwiązania w swoim projekcie React, korzystając z wygenerowanych fragmentów konfiguracji i struktur komponentów. 6. W razie potrzeby poproś o dodatkowe wyjaśnienia dotyczące integracji z systemem shadcn/skills lub konfiguracji serwera MCP dla asystentów AI.

Related skills

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend
2037

keyword-research

by openclaw

Discovers high-value keywords with search intent analysis, difficulty assessment, and content opportunity mapping. Essential for starting any SEO or GEO content strategy.

Frontend
24138

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126