@jjlmoya/utils-developer 1.2.0

package/src/tool/promptLibrary/controller.ts

@@ -0,0 +1,49 @@
+export interface PromptItem {
+  id: string;
+  title: string;
+  content: string;
+  tags: string[];
+  isStarred?: boolean;
+}
+
+const STORAGE_KEY = 'jjlmoya_prompts';
+
+function sortByStarred(a: PromptItem, b: PromptItem): number {
+  if (a.isStarred && !b.isStarred) return -1;
+  if (!a.isStarred && b.isStarred) return 1;
+  return 0;
+}
+
+export function loadPrompts(): PromptItem[] {
+  try {
+    const data = localStorage.getItem(STORAGE_KEY);
+    const parsed = data ? (JSON.parse(data) as PromptItem[]) : [];
+    return parsed.sort(sortByStarred);
+  } catch (e) {
+    console.error('Error loading prompts', e);
+    return [];
+  }
+}
+
+export function savePrompts(items: PromptItem[]): void {
+  localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
+}
+
+export function addPrompt(item: Omit<PromptItem, 'id'>): void {
+  const items = loadPrompts();
+  items.unshift({ ...item, id: crypto.randomUUID() });
+  savePrompts(items);
+}
+
+export function updatePrompt(id: string, updates: Partial<PromptItem>): void {
+  const items = loadPrompts();
+  const index = items.findIndex((p) => p.id === id);
+  if (index !== -1) {
+    items[index] = { ...items[index], ...updates };
+    savePrompts(items);
+  }
+}
+
+export function deletePrompt(id: string): void {
+  savePrompts(loadPrompts().filter((p) => p.id !== id));
+}

package/src/tool/promptLibrary/i18n/en.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { PromptLibraryUI } from '../ui';
+
+const slug = 'prompt-library';
+const title = 'Private AI Prompt Library';
+const description = 'Organize, tag and save your ChatGPT, Midjourney and Claude prompts privately. Your own prompt bank in localStorage.';
+
+const faqData = [
+  {
+    question: 'Where are my prompts saved?',
+    answer: 'Your prompts are saved exclusively in your browser\'s local storage (localStorage). We do not use external servers, meaning your data is 100% private.',
+  },
+  {
+    question: 'What happens if I clear browser cookies or history?',
+    answer: 'If you clear site data or local storage, you will lose your saved prompts. We recommend making backups if you frequently clear your browser.',
+  },
+  {
+    question: 'Can I use this tool for Midjourney, ChatGPT or DALL-E?',
+    answer: 'Yes, it is compatible with any type of AI instruction. You can create specific tags to organize your commands and copy them to your preferred AI tool easily.',
+  },
+];
+
+const howToData = [
+  { name: 'Create a prompt', text: 'Click the New Prompt button and enter the title and instruction.' },
+  { name: 'Add tags', text: 'Type tags separated by space or comma to classify your prompts.' },
+  { name: 'Use variables', text: 'Use brackets [LIKE THIS] in the text to create fillable fields on the card.' },
+  { name: 'Copy and share', text: 'Copy to clipboard with one click or share a direct link with the share button.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'en',
+};
+
+const ui: PromptLibraryUI = {
+  placeholderSearch: 'Search by keyword or tag...',
+  btnNew: 'New Prompt',
+  emptyTitle: 'Your library is empty',
+  emptyDesc: 'Create your first prompt and start building your private AI repository.',
+  btnAddFirst: 'Add the first one',
+  modalTitleCreate: 'Create New Prompt',
+  modalTitleEdit: 'Edit Prompt',
+  labelTitle: 'Identifying title',
+  placeholderTitle: 'E.g.: SEO Marketing Expert',
+  labelContent: 'Instruction (Prompt)',
+  placeholderContent: 'Write detailed instructions for the AI here...',
+  hintContent: 'Tip: use brackets [LIKE THESE] to fill in variables later.',
+  labelTags: 'Tags',
+  placeholderTags: 'E.g.: marketing, seo (space or comma to add)',
+  btnCancel: 'Cancel',
+  btnSave: 'Save Locally',
+  ariaLabelStar: 'Star prompt',
+  ariaLabelEdit: 'Edit prompt',
+  ariaLabelShare: 'Share prompt',
+  ariaLabelCopy: 'Copy prompt',
+  ariaLabelDelete: 'Delete prompt',
+  varsTitle: 'Required variables',
+  noResults: 'No prompts found for this search.',
+  confirmTitle: 'Delete prompt?',
+  confirmDesc: 'This action cannot be undone.',
+  btnCancelDelete: 'Cancel',
+  btnConfirmDelete: 'Delete permanently',
+};
+
+export const content: ToolLocaleContent<PromptLibraryUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Frequently Asked Questions',
+  faq: faqData,
+  bibliographyTitle: 'Prompt Engineering References',
+  bibliography: [
+    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
+    { name: 'What is prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Why do you need a Prompt Library?', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'If you regularly work with AI tools like ChatGPT, Claude or Midjourney, you have probably found yourself repeating the same instructions. A <strong>prompt library</strong> is the definitive solution to stop wasting time rewriting your favorite commands.',
+    },
+    { type: 'title', text: 'Benefits of organizing your prompts', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Instant search:</strong> Find that specific instruction you used months ago with a simple text search.',
+        '<strong>Tag classification:</strong> Tag your prompts as "marketing", "programming" or "copywriting" to filter quickly.',
+        '<strong>One-click copy:</strong> Copy the full text to clipboard with a single click.',
+        '<strong>Total privacy:</strong> All your data is stored locally in your browser via localStorage.',
+      ],
+    },
+    { type: 'title', text: 'Variables in your prompts', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Use the <strong>[VARIABLE]</strong> notation in your prompts to create dynamically fillable fields. When you open a card, inputs will appear for each defined variable. The prompt is copied with the filled values, ready to paste into your AI.',
+    },
+    { type: 'title', text: 'Sharing prompts', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Each prompt can be shared via a URL. The share button generates a link that, when opened, shows the creation form pre-filled with the prompt content.',
+    },
+  ],
+};

package/src/tool/promptLibrary/i18n/es.ts

@@ -0,0 +1,131 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { PromptLibraryUI } from '../ui';
+
+const slug = 'biblioteca-prompts';
+const title = 'Biblioteca de Prompts de IA';
+const description = 'Organiza, etiqueta y guarda tus prompts de ChatGPT, Midjourney y Claude de forma privada. Tu propio banco de prompts en localStorage.';
+
+const faqData = [
+  {
+    question: '\u00bfD\u00f3nde se guardan mis prompts?',
+    answer: 'Tus prompts se guardan exclusivamente en el almacenamiento local de tu navegador (localStorage). No utilizamos servidores externos, lo que significa que tus datos son 100% privados.',
+  },
+  {
+    question: '\u00bfQu\u00e9 pasa si borro las cookies o el historial del navegador?',
+    answer: 'Si borras los datos del sitio o el almacenamiento local de tu navegador, perder\u00e1s tus prompts guardados. Te recomendamos hacer copias de seguridad si limpias tu navegador frecuentemente.',
+  },
+  {
+    question: '\u00bfPuedo usar esta herramienta para Midjourney, ChatGPT o DALL-E?',
+    answer: 'S\u00ed, es compatible con cualquier tipo de instrucci\u00f3n de IA. Puedes crear etiquetas espec\u00edficas para organizar tus comandos y copiarlos a tu herramienta de IA preferida f\u00e1cilmente.',
+  },
+];
+
+const howToData = [
+  { name: 'Crear un prompt', text: 'Haz clic en el bot\u00f3n Nuevo Prompt e introduce el t\u00edtulo y la instrucci\u00f3n.' },
+  { name: 'A\u00f1adir etiquetas', text: 'Escribe etiquetas separadas por espacio o coma para clasificar tus prompts.' },
+  { name: 'Usar variables', text: 'Usa corchetes [ASI] en el texto para crear campos rellenables en la tarjeta.' },
+  { name: 'Copiar y compartir', text: 'Copia al portapapeles con un clic o comparte un enlace directo con el bot\u00f3n compartir.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
+const ui: PromptLibraryUI = {
+  placeholderSearch: 'Buscar por palabra clave o etiqueta...',
+  btnNew: 'Nuevo Prompt',
+  emptyTitle: 'Tu biblioteca est\u00e1 vac\u00eda',
+  emptyDesc: 'Crea tu primer prompt y empieza a construir tu repositorio de inteligencia artificial privado.',
+  btnAddFirst: 'A\u00f1adir el primero',
+  modalTitleCreate: 'Crear Nuevo Prompt',
+  modalTitleEdit: 'Editar Prompt',
+  labelTitle: 'T\u00edtulo identificativo',
+  placeholderTitle: 'Ej: Experto en Marketing SEO',
+  labelContent: 'Instrucci\u00f3n (Prompt)',
+  placeholderContent: 'Escribe aqu\u00ed las instrucciones detalladas para la IA...',
+  hintContent: 'Recomendaci\u00f3n: usa corchetes [COMO ESTOS] para rellenar variables m\u00e1s tarde.',
+  labelTags: 'Etiquetas',
+  placeholderTags: 'Ej: marketing, seo (espacio o coma para a\u00f1adir)',
+  btnCancel: 'Cancelar',
+  btnSave: 'Guardar en Local',
+  ariaLabelStar: 'Destacar prompt',
+  ariaLabelEdit: 'Editar prompt',
+  ariaLabelShare: 'Compartir prompt',
+  ariaLabelCopy: 'Copiar prompt',
+  ariaLabelDelete: 'Eliminar prompt',
+  varsTitle: 'Variables requeridas',
+  noResults: 'No se encontraron prompts para esta b\u00fasqueda.',
+  confirmTitle: '\u00bfEliminar prompt?',
+  confirmDesc: 'Esta acci\u00f3n no se puede deshacer.',
+  btnCancelDelete: 'Cancelar',
+  btnConfirmDelete: 'Eliminar definitivamente',
+};
+
+export const content: ToolLocaleContent<PromptLibraryUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Preguntas Frecuentes',
+  faq: faqData,
+  bibliographyTitle: 'Referencias sobre Prompt Engineering',
+  bibliography: [
+    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
+    { name: 'Qu\u00e9 es prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: '\u00bfPor qu\u00e9 necesitas una Biblioteca de Prompts?', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Si trabajas habitualmente con herramientas de inteligencia artificial como ChatGPT, Claude o Midjourney, seguramente te habrás encontrado repitiendo las mismas instrucciones. Una <strong>biblioteca de prompts</strong> es la solución definitiva para dejar de perder tiempo reescribiendo tus comandos favoritos.',
+    },
+    { type: 'title', text: 'Ventajas de organizar tus prompts', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>B\u00fasqueda instant\u00e1nea:</strong> Encuentra esa instrucci\u00f3n espec\u00edfica que utilizaste hace meses con una simple b\u00fasqueda por texto.',
+        '<strong>Clasificaci\u00f3n por etiquetas:</strong> Etiqueta tus utilidades como "marketing", "programaci\u00f3n" o "copywriting" para filtrar r\u00e1pidamente.',
+        '<strong>Copiado r\u00e1pido:</strong> Con un solo clic, puedes copiar el texto completo al portapapeles.',
+        '<strong>Privacidad total:</strong> Todos tus datos se guardan de forma local en tu navegador mediante localStorage.',
+      ],
+    },
+    { type: 'title', text: 'Variables en tus prompts', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Usa la notaci\u00f3n <strong>[VARIABLE]</strong> en tus prompts para crear campos rellenables din\u00e1micamente. Cuando abras la tarjeta, aparecer\u00e1n inputs para cada variable definida. El prompt se copia con los valores rellenos, listo para pegar en tu IA.',
+    },
+    { type: 'title', text: 'Compartir prompts', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Cada prompt puede compartirse mediante una URL. El bot\u00f3n de compartir genera un enlace que, al abrirse, muestra el formulario de creaci\u00f3n pre-rellenado con el contenido del prompt.',
+    },
+  ],
+};

package/src/tool/promptLibrary/i18n/fr.ts

@@ -0,0 +1,126 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { PromptLibraryUI } from '../ui';
+
+const slug = 'bibliotheque-prompts';
+const title = 'Biblioth\u00e8que de Prompts IA';
+const description = 'Organisez, \u00e9tiquetez et sauvegardez vos prompts ChatGPT, Midjourney et Claude en priv\u00e9. Votre propre banque de prompts dans localStorage.';
+
+const faqData = [
+  {
+    question: 'O\u00f9 sont sauvegard\u00e9s mes prompts?',
+    answer: 'Vos prompts sont sauvegard\u00e9s exclusivement dans le stockage local de votre navigateur (localStorage). Nous n\'utilisons pas de serveurs externes, ce qui signifie que vos donn\u00e9es sont 100% priv\u00e9es.',
+  },
+  {
+    question: 'Que se passe-t-il si j\'efface les cookies ou l\'historique du navigateur?',
+    answer: 'Si vous effacez les donn\u00e9es du site ou le stockage local de votre navigateur, vous perdrez vos prompts sauvegard\u00e9s. Nous vous recommandons de faire des sauvegardes si vous nettoyez fr\u00e9quemment votre navigateur.',
+  },
+  {
+    question: 'Puis-je utiliser cet outil pour Midjourney, ChatGPT ou DALL-E?',
+    answer: 'Oui, il est compatible avec tout type d\'instruction IA. Vous pouvez cr\u00e9er des \u00e9tiquettes sp\u00e9cifiques pour organiser vos commandes et les copier facilement dans votre outil IA pr\u00e9f\u00e9r\u00e9.',
+  },
+];
+
+const howToData = [
+  { name: 'Cr\u00e9er un prompt', text: 'Cliquez sur le bouton Nouveau Prompt et entrez le titre et l\'instruction.' },
+  { name: 'Ajouter des \u00e9tiquettes', text: 'Tapez des \u00e9tiquettes s\u00e9par\u00e9es par un espace ou une virgule pour classer vos prompts.' },
+  { name: 'Utiliser des variables', text: 'Utilisez des crochets [COMME \u00c7A] dans le texte pour cr\u00e9er des champs \u00e0 remplir sur la carte.' },
+  { name: 'Copier et partager', text: 'Copiez dans le presse-papiers en un clic ou partagez un lien direct avec le bouton partager.' },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((s, i) => ({ '@type': 'HowToStep', position: i + 1, name: s.name, text: s.text })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'fr',
+};
+
+const ui: PromptLibraryUI = {
+  placeholderSearch: 'Rechercher par mot cl\u00e9 ou \u00e9tiquette...',
+  btnNew: 'Nouveau Prompt',
+  emptyTitle: 'Votre biblioth\u00e8que est vide',
+  emptyDesc: 'Cr\u00e9ez votre premier prompt et commencez \u00e0 construire votre r\u00e9f\u00e9rentiel IA priv\u00e9.',
+  btnAddFirst: 'Ajouter le premier',
+  modalTitleCreate: 'Cr\u00e9er un Nouveau Prompt',
+  modalTitleEdit: 'Modifier le Prompt',
+  labelTitle: 'Titre identificateur',
+  placeholderTitle: 'Ex: Expert en Marketing SEO',
+  labelContent: 'Instruction (Prompt)',
+  placeholderContent: 'R\u00e9digez ici les instructions d\u00e9taill\u00e9es pour l\'IA...',
+  hintContent: 'Conseil: utilisez des crochets [COMME CEUX-CI] pour remplir des variables plus tard.',
+  labelTags: '\u00c9tiquettes',
+  placeholderTags: 'Ex: marketing, seo (espace ou virgule pour ajouter)',
+  btnCancel: 'Annuler',
+  btnSave: 'Sauvegarder en Local',
+  ariaLabelStar: 'Mettre en favori',
+  ariaLabelEdit: 'Modifier le prompt',
+  ariaLabelShare: 'Partager le prompt',
+  ariaLabelCopy: 'Copier le prompt',
+  ariaLabelDelete: 'Supprimer le prompt',
+  varsTitle: 'Variables requises',
+  noResults: 'Aucun prompt trouv\u00e9 pour cette recherche.',
+  confirmTitle: 'Supprimer le prompt?',
+  confirmDesc: 'Cette action ne peut pas \u00eatre annul\u00e9e.',
+  btnCancelDelete: 'Annuler',
+  btnConfirmDelete: 'Supprimer d\u00e9finitivement',
+};
+
+export const content: ToolLocaleContent<PromptLibraryUI> = {
+  slug,
+  title,
+  description,
+  ui,
+  faqTitle: 'Questions Fr\u00e9quentes',
+  faq: faqData,
+  bibliographyTitle: 'R\u00e9f\u00e9rences sur le Prompt Engineering',
+  bibliography: [
+    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
+    { name: 'Qu\'est-ce que le prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    { type: 'title', text: 'Pourquoi avez-vous besoin d\'une Biblioth\u00e8que de Prompts?', level: 2 },
+    {
+      type: 'paragraph',
+      html: 'Si vous travaillez r\u00e9guli\u00e8rement avec des outils d\'IA comme ChatGPT, Claude ou Midjourney, vous vous \u00eates probablement retrouv\u00e9 \u00e0 r\u00e9p\u00e9ter les m\u00eames instructions. Une <strong>biblioth\u00e8que de prompts</strong> est la solution d\u00e9finitive pour arr\u00eater de perdre du temps \u00e0 r\u00e9\u00e9crire vos commandes favorites.',
+    },
+    { type: 'title', text: 'Avantages d\'organiser vos prompts', level: 3 },
+    {
+      type: 'list',
+      items: [
+        '<strong>Recherche instantan\u00e9e:</strong> Trouvez cette instruction sp\u00e9cifique que vous avez utilis\u00e9e il y a des mois avec une simple recherche textuelle.',
+        '<strong>Classification par \u00e9tiquettes:</strong> \u00c9tiquetez vos prompts comme "marketing", "programmation" ou "copywriting" pour filtrer rapidement.',
+        '<strong>Copie en un clic:</strong> Copiez le texte complet dans le presse-papiers en un seul clic.',
+        '<strong>Confidentialit\u00e9 totale:</strong> Toutes vos donn\u00e9es sont stock\u00e9es localement dans votre navigateur via localStorage.',
+      ],
+    },
+    { type: 'title', text: 'Variables dans vos prompts', level: 3 },
+    {
+      type: 'paragraph',
+      html: 'Utilisez la notation <strong>[VARIABLE]</strong> dans vos prompts pour cr\u00e9er des champs \u00e0 remplir dynamiquement. Quand vous ouvrez une carte, des champs apparaissent pour chaque variable d\u00e9finie.',
+    },
+  ],
+};

package/src/tool/promptLibrary/index.ts

@@ -0,0 +1,33 @@
+import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
+import PromptLibraryComponent from './component.astro';
+import PromptLibrarySEO from './seo.astro';
+import PromptLibraryBibliography from './bibliography.astro';
+import type { PromptLibraryUI } from './ui';
+
+export type PromptLibraryLocaleContent = ToolLocaleContent<PromptLibraryUI>;
+
+import { content as es } from './i18n/es';
+import { content as en } from './i18n/en';
+import { content as fr } from './i18n/fr';
+
+export const promptLibrary: DeveloperToolEntry<PromptLibraryUI> = {
+  id: 'prompt-library',
+  icons: {
+    bg: 'mdi:robot',
+    fg: 'mdi:text-box-multiple',
+  },
+  i18n: {
+    es: async () => es,
+    en: async () => en,
+    fr: async () => fr,
+  },
+};
+
+export { PromptLibraryComponent, PromptLibrarySEO, PromptLibraryBibliography };
+
+export const PROMPT_LIBRARY_TOOL: ToolDefinition = {
+  entry: promptLibrary,
+  Component: PromptLibraryComponent,
+  SEOComponent: PromptLibrarySEO,
+  BibliographyComponent: PromptLibraryBibliography,
+};

package/src/tool/promptLibrary/seo.astro

@@ -0,0 +1,14 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { promptLibrary } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await promptLibrary.i18n[locale]?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}

package/src/tool/promptLibrary/ui.ts

@@ -0,0 +1,29 @@
+export interface PromptLibraryUI extends Record<string, string> {
+  placeholderSearch: string;
+  btnNew: string;
+  emptyTitle: string;
+  emptyDesc: string;
+  btnAddFirst: string;
+  modalTitleCreate: string;
+  modalTitleEdit: string;
+  labelTitle: string;
+  placeholderTitle: string;
+  labelContent: string;
+  placeholderContent: string;
+  hintContent: string;
+  labelTags: string;
+  placeholderTags: string;
+  btnCancel: string;
+  btnSave: string;
+  ariaLabelStar: string;
+  ariaLabelEdit: string;
+  ariaLabelShare: string;
+  ariaLabelCopy: string;
+  ariaLabelDelete: string;
+  varsTitle: string;
+  noResults: string;
+  confirmTitle: string;
+  confirmDesc: string;
+  btnCancelDelete: string;
+  btnConfirmDelete: string;
+}

package/src/tool/readabilityCalculator/bibliography.astro

@@ -0,0 +1,14 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { readabilityCalculator } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await readabilityCalculator.i18n[locale]?.();
+---
+
+{content && <SharedBibliography links={content.bibliography} />}