Toolverse
All skills
Frontend

writing-registry-meta

by siriwatknp

Use this skill when writing meta file for MUI Treasury registry.

Installation

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

Installation

Quick info

Author
siriwatknp
Category
Frontend
Views
82
GitHub repo

About this skill

Use this skill when writing meta file for MUI Treasury registry.

How to use

  1. Zainstaluj skill w swoim środowisku Claude lub Copilot, wskazując repozytorium siriwatknp/mui-treasury oraz ścieżkę .claude/skills/writing-registry-meta.

  2. Przygotuj plik rejestru w formacie JSON w wybranym katalogu projektu MUI Treasury, np. button-registry.json.

  3. Uruchom skill, podając nazwę pliku rejestru (bez rozszerzenia). Skill wygeneruje plik metadanych z rozszerzeniem .meta.json w tym samym katalogu.

  4. Skill automatycznie wypełni pole name wartością z nazwy pliku w formacie kebab-case oraz type wartością registry:item.

  5. Uzupełnij pole title — zwykle odpowiada nazwie komponentu w formacie PascalCase (np. Button, TextField).

  6. Wpisz szczegółowy description, zaczynając od "Integrated [nazwa biblioteki]" jeśli używasz bibliotek zewnętrznych (np. Base UI). Skoncentruj się na widocznych cechach interfejsu (przyciski, etykiety, stany) i dostępności, unikając wyliczania pojedynczych komponentów Material UI.

  7. Dodaj metadane w sekcji meta — wybierz category (primitive lub ai) i opcjonalnie previewClassName dla dodatkowych stylów kontenera podglądu.

Related skills

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

web-research

by langchain-ai

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

Frontend
18114

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

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

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896