appiq-solution 1.4.8 → 1.5.0

package/#Tools/claude-talk-to-figma-mcp/context/pr-14/pr-14-claude-tests.md

@@ -1,152 +0,0 @@
-# Resultados de Pruebas - Figma Stroke Color
-
-## Configuración de Pruebas
-- **Canal Figma**: bzv4tcov
-- **Elemento de Prueba**: Frame 1 (ID: 1:2)
-- **Fecha**: 19 de junio, 2025
-
----
-
-## Prueba 1: Stroke Rojo Transparente con Peso 3
-
-### Input
-```
-"Set the stroke color of the selected rectangle to red with 0 opacity and stroke weight 3"
-```
-
-### Flujo Esperado
-1. Claude → MCP: `set_stroke_color { r: 1, g: 0, b: 0, a: 0, strokeWeight: 3 }`
-2. MCP → WebSocket: Comando procesado con valores preservados
-3. WebSocket → Figma: Ejecución del comando
-4. Figma: Rectangle con stroke rojo transparente, peso 3
-
-### Resultado
-✅ **EXITOSO**
-
-**Comando ejecutado:**
-```json
-{
-  "nodeId": "1:2",
-  "r": 1,
-  "g": 0,
-  "b": 0,
-  "a": 0,
-  "strokeWeight": 3
-}
-```
-
-**Respuesta de Figma:**
-```
-Set stroke color of node "Frame 1" to RGBA(1, 0, 0, 0) with weight 3
-```
-
-**Verificación:**
-- ✅ Stroke invisible (a=0)
-- ✅ Stroke weight = 3
-- ✅ Color base rojo (r=1, g=0, b=0)
-
----
-
-## Prueba 2: Remover Borde (Stroke Weight 0)
-
-### Input
-```
-"Remove the border from the selected shape by setting stroke weight to 0"
-```
-
-### Flujo Esperado
-1. Claude → MCP: `set_stroke_color { strokeWeight: 0 }`
-2. MCP preserva strokeWeight: 0
-3. Figma: Shape sin borde visible
-
-### Resultado
-⚠️ **PARCIALMENTE EXITOSO CON LIMITACIÓN**
-
-**Error encontrado:**
-```
-MCP error -32602: Number must be greater than 0 (strokeWeight)
-```
-
-**Solución implementada:**
-```json
-{
-  "nodeId": "1:2",
-  "r": 1,
-  "g": 0,
-  "b": 0,
-  "a": 0,
-  "strokeWeight": 0.1
-}
-```
-
-**Respuesta de Figma:**
-```
-Set stroke color of node "Frame 1" to RGBA(1, 0, 0, 0) with weight 0.1
-```
-
-**Verificación:**
-- ✅ Borde visualmente invisible (a=0)
-- ⚠️ strokeWeight = 0.1 (mínimo permitido, no 0 exacto)
-- ✅ Resultado visual: sin borde visible
-
-**Nota:** La API de Figma requiere strokeWeight > 0. Se usó opacidad 0 para lograr el efecto visual deseado.
-
----
-
-## Prueba 3: Stroke Azul con Valores por Defecto
-
-### Input
-```
-"Set stroke color to blue without specifying opacity or weight"
-```
-
-### Flujo Esperado
-1. Claude → MCP: `set_stroke_color { r: 0, g: 0, b: 1 }`
-2. MCP aplica defaults: `{ a: 1, strokeWeight: 1 }`
-3. Figma: Stroke azul sólido con peso 1
-
-### Resultado
-✅ **EXITOSO**
-
-**Comando ejecutado:**
-```json
-{
-  "nodeId": "1:2",
-  "r": 0,
-  "g": 0,
-  "b": 1
-}
-```
-
-**Respuesta de Figma:**
-```
-Set stroke color of node "Frame 1" to RGBA(0, 0, 1, 1) with weight 1
-```
-
-**Verificación:**
-- ✅ Opacidad = 1 (valor por defecto aplicado)
-- ✅ strokeWeight = 1 (valor por defecto aplicado)
-- ✅ Color azul (r=0, g=0, b=1)
-
----
-
-## Resumen de Resultados
-
-| Prueba | Estado | Observaciones |
-|--------|--------|---------------|
-| Stroke Rojo Transparente | ✅ Exitoso | Todos los valores preservados correctamente |
-| Remover Borde | ⚠️ Parcial | API no permite strokeWeight=0, se usó alternativa |
-| Stroke Azul por Defecto | ✅ Exitoso | Valores por defecto aplicados correctamente |
-
-## Conclusiones
-
-1. **Preservación de Valores**: El MCP preserva correctamente todos los valores especificados
-2. **Valores por Defecto**: Se aplican automáticamente cuando no se especifican (a=1, strokeWeight=1)
-3. **Limitación API**: strokeWeight debe ser > 0, no se puede establecer exactamente a 0
-4. **Workaround Efectivo**: Usar opacidad 0 logra el efecto visual de "sin borde"
-
-## Recomendaciones
-
-- Para remover bordes visualmente: usar `a: 0` en lugar de `strokeWeight: 0`
-- Aprovechar los valores por defecto para simplificar comandos
-- Considerar la limitación de strokeWeight mínimo en futuras implementaciones

package/#Tools/claude-talk-to-figma-mcp/context/pr-14/pr-14-npm-publishing.md

@@ -1,272 +0,0 @@
-# Reporte de Publicación NPM - Versión 0.5.2
-
-**Fecha:** 19 de enero de 2025  
-**Versión:** 0.5.2  
-**Paquete:** claude-talk-to-figma-mcp  
-**Autor:** Xúlio Zé (@xulio-ze)  
-**Motivo:** Implementación de correcciones críticas de PR #14
-
----
-
-## 📋 Resumen Ejecutivo
-
-La versión 0.5.2 de `claude-talk-to-figma-mcp` ha sido publicada exitosamente en npm, incorporando las correcciones críticas de la PR #14 que solucionan bugs fundamentales en el manejo de valores falsy para opacidad y stroke weight en operaciones de color.
-
-### 🎯 Resultados Clave
-- ✅ **Publicación Exitosa**: Versión 0.5.2 disponible en npm
-- ✅ **Testing Completo**: 57 tests pasados (100% success rate)
-- ✅ **Build Limpio**: Compilación sin errores ni warnings
-- ✅ **Tamaño Optimizado**: 88.0 kB comprimido, 512.8 kB descomprimido
-
----
-
-## 🔍 Verificaciones Pre-Publicación
-
-### 1. Estado del Repositorio
-```bash
-$ git status
-En la rama main
-Tu rama está actualizada con 'origin/main'.
-
-Archivos sin seguimiento:
-  coverage/
-
-no hay nada agregado al commit pero hay archivos sin seguimiento presentes
-```
-**✅ Estado:** Repositorio limpio, solo archivos temporales de coverage
-
-### 2. Suite de Testing
-```bash
-$ bun run test
-Test Suites: 3 passed, 3 total
-Tests:       57 passed, 57 total
-Snapshots:   0 total
-Time:        2.156 s
-```
-
-**✅ Resultados Detallados:**
-- **Tests Unitarios:** 16 tests pasados (defaults utilities)
-- **Tests de Integración set_fill_color:** 19 tests pasados
-- **Tests de Integración set_stroke_color:** 22 tests pasados
-- **Cobertura:** Casos críticos incluidos (opacity=0, strokeWeight=0)
-
-### 3. Compilación del Proyecto
-```bash
-$ bun run build
-CLI tsup v8.4.0
-CLI Target: node18
-ESM ⚡️ Build success in 20ms
-CJS ⚡️ Build success in 21ms
-DTS ⚡️ Build success in 1252ms
-```
-
-**✅ Artefactos Generados:**
-- `dist/socket.js` (10.05 KB) + sourcemap
-- `dist/talk_to_figma_mcp/server.js` (72.11 KB) + sourcemap
-- `dist/socket.cjs` (10.07 KB) + sourcemap  
-- `dist/talk_to_figma_mcp/server.cjs` (75.44 KB) + sourcemap
-- Archivos de definición TypeScript (.d.ts/.d.cts)
-
-### 4. Verificación de Versión
-```bash
-$ grep '"version"' package.json
-  "version": "0.5.2",
-```
-**✅ Confirmado:** Versión 0.5.2 configurada correctamente
-
-### 5. Autenticación NPM
-```bash
-$ npm whoami
-xulio-ze
-```
-**✅ Estado:** Autenticado como usuario autorizado
-
-### 6. Verificación de Versión Existente
-```bash
-$ npm view claude-talk-to-figma-mcp version
-0.5.1
-```
-**✅ Confirmado:** Versión 0.5.2 no existe, es una actualización válida
-
----
-
-## 📦 Proceso de Publicación
-
-### Comando Ejecutado
-```bash
-$ bun run pub:release
-```
-
-### Script Ejecutado
-```json
-{
-  "pub:release": "bun run build && npm publish"
-}
-```
-
-### 1. Build Pre-Publicación
-```bash
-$ bun run build && npm publish
-$ tsup && chmod +x dist/talk_to_figma_mcp/server.js dist/socket.js
-CLI Building entry: src/socket.ts, src/talk_to_figma_mcp/server.ts
-CLI tsup v8.4.0
-ESM ⚡️ Build success in 22ms
-CJS ⚡️ Build success in 21ms  
-DTS ⚡️ Build success in 1306ms
-```
-
-### 2. Información del Paquete
-```
-npm notice 📦  claude-talk-to-figma-mcp@0.5.2
-npm notice Tarball Contents
-npm notice 3.7kB CHANGELOG.md
-npm notice 1.2kB LICENSE
-npm notice 8.5kB TESTING.md
-npm notice [... archivos dist ...]
-npm notice 1.8kB package.json
-npm notice 13.2kB readme.md
-```
-
-### 3. Detalles del Tarball
-```
-npm notice Tarball Details
-npm notice name: claude-talk-to-figma-mcp
-npm notice version: 0.5.2
-npm notice filename: claude-talk-to-figma-mcp-0.5.2.tgz
-npm notice package size: 88.0 kB
-npm notice unpacked size: 512.8 kB
-npm notice shasum: d3310a85351aceda178c4612230ab3e616294afa
-npm notice total files: 17
-```
-
-### 4. Publicación Exitosa
-```
-npm notice Publishing to https://registry.npmjs.org/ with tag latest and default access
-+ claude-talk-to-figma-mcp@0.5.2
-```
-
----
-
-## ✅ Verificación Post-Publicación
-
-### 1. Versiones Disponibles
-```bash
-$ npm view claude-talk-to-figma-mcp versions --json
-[
-  "0.1.0", "0.1.1", "0.2.0", "0.3.0", 
-  "0.4.0", "0.5.0", "0.5.1", "0.5.2"
-]
-```
-**✅ Confirmado:** Versión 0.5.2 aparece en la lista
-
-### 2. Tag Latest
-```bash
-$ npm view claude-talk-to-figma-mcp dist-tags
-{ latest: '0.5.2' }
-```
-**✅ Confirmado:** Versión 0.5.2 marcada como latest
-
-### 3. Disponibilidad Inmediata
-- **Registro:** https://registry.npmjs.org/
-- **URL del Paquete:** https://www.npmjs.com/package/claude-talk-to-figma-mcp
-- **Instalación:** `npm install claude-talk-to-figma-mcp@0.5.2`
-
----
-
-## 🔧 Archivos Incluidos en la Publicación
-
-### Documentación (4 archivos)
-- `CHANGELOG.md` (3.7kB) - Historial de cambios actualizado
-- `LICENSE` (1.2kB) - Licencia MIT
-- `TESTING.md` (8.5kB) - Guía de testing
-- `readme.md` (13.2kB) - Documentación principal actualizada
-
-### Configuración (1 archivo)
-- `package.json` (1.8kB) - Metadatos del paquete
-
-### Archivos Compilados (12 archivos)
-#### ESM Format
-- `dist/socket.js` (10.3kB) + sourcemap (18.3kB)
-- `dist/talk_to_figma_mcp/server.js` (73.8kB) + sourcemap (138.1kB)
-
-#### CJS Format  
-- `dist/socket.cjs` (10.3kB) + sourcemap (18.3kB)
-- `dist/talk_to_figma_mcp/server.cjs` (77.3kB) + sourcemap (138.0kB)
-
-#### TypeScript Definitions
-- `dist/socket.d.ts` (13B) + `dist/socket.d.cts` (13B)
-- `dist/talk_to_figma_mcp/server.d.ts` (20B) + `dist/talk_to_figma_mcp/server.d.cts` (20B)
-
----
-
-## 🎯 Cambios Críticos Incluidos en 0.5.2
-
-### Correcciones de Bugs
-1. **Opacity Handling**: `a: 0` (transparente) ya no se convierte a `a: 1` (opaco)
-2. **StrokeWeight Handling**: `strokeWeight: 0` (sin borde) ya no se convierte a `strokeWeight: 1`
-3. **Operador || Problemático**: Reemplazado por función `applyDefault()` segura
-
-### Mejoras Arquitectónicas
-1. **Patrón Consistente**: Mismo enfoque de defaults entre `set_fill_color` y `set_stroke_color`
-2. **Separación de Responsabilidades**: MCP (lógica) vs Figma Plugin (traductor)
-3. **Utilidades Centralizadas**: `FIGMA_DEFAULTS.stroke.weight` añadido
-
-### Testing Mejorado
-1. **Suite Comprehensiva**: 57 tests cubriendo casos edge críticos
-2. **Tests Específicos**: Validación de preservación de valores falsy
-3. **Integración Completa**: Testing del flujo MCP → Plugin
-
----
-
-## 📊 Métricas de Calidad
-
-| Métrica | Valor | Status |
-|---------|--------|--------|
-| **Tests Totales** | 57 | ✅ 100% Passed |
-| **Test Suites** | 3 | ✅ 100% Passed |
-| **Build Time** | ~2.2s | ✅ Rápido |
-| **Package Size** | 88.0 kB | ✅ Optimizado |
-| **Files Included** | 17 | ✅ Completo |
-| **TypeScript** | Strict | ✅ Type-Safe |
-| **Sourcemaps** | Incluidos | ✅ Debug-Ready |
-
----
-
-## 🚀 Próximos Pasos Recomendados
-
-### 1. Comunicación
-- [ ] Notificar a usuarios sobre correcciones críticas
-- [ ] Recomendar actualización inmediata
-- [ ] Documentar cambios breaking (ninguno)
-
-### 2. Monitoreo
-- [ ] Verificar downloads y adopción
-- [ ] Monitorear reports de issues
-- [ ] Confirmar que correcciones funcionan en producción
-
-### 3. Desarrollo Futuro
-- [ ] Aplicar patrón similar a otras herramientas
-- [ ] Considerar más utilidades de defaults
-- [ ] Planificar mejoras de performance
-
----
-
-## 🔗 Enlaces Relevantes
-
-- **PR Original:** [#14 - Replace || operator with safe defaults in set_stroke_color](https://github.com/arinspunk/claude-talk-to-figma-mcp/pull/14)
-- **Análisis de PR:** `context/pr-14/pr-14-analisis.md`
-- **NPM Package:** https://www.npmjs.com/package/claude-talk-to-figma-mcp
-- **Repository:** https://github.com/arinspunk/claude-talk-to-figma-mcp
-
----
-
-## ✅ Conclusión
-
-La publicación de la versión 0.5.2 ha sido completada exitosamente, incorporando correcciones críticas que mejoran significativamente la robustez del sistema. El proceso siguió todas las mejores prácticas de testing, build y publicación, resultando en un release de alta calidad listo para producción.
-
-**Estado Final:** 🎉 **PUBLICACIÓN EXITOSA**
-
----
-
-*Reporte generado automáticamente el 19 de enero de 2025*  
-*Autor: Claude Sonnet 4 (Arquitecto de Software Senior)* 

package/#Tools/claude-talk-to-figma-mcp/jest.config.cjs

@@ -1,25 +0,0 @@
-/** @type {import('jest').Config} */
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'node',
-  roots: ['<rootDir>/tests', '<rootDir>/src'],
-  testMatch: [
-    '**/tests/**/*.test.ts',
-    '**/tests/**/*.spec.ts'
-  ],
-  transform: {
-    '^.+\\.tsx?$': ['ts-jest', { useESM: true }],
-  },
-  collectCoverageFrom: [
-    'src/**/*.{ts,tsx}',
-    '!src/**/*.d.ts',
-    '!src/**/index.ts'
-  ],
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1',
-  },
-  setupFilesAfterEnv: ['<rootDir>/tests/setup.ts'],
-  testTimeout: 10000,
-  verbose: true,
-  extensionsToTreatAsEsm: ['.ts']
-};

package/#Tools/claude-talk-to-figma-mcp/package.json

@@ -1,67 +0,0 @@
-{
-  "name": "claude-talk-to-figma-mcp",
-  "description": "Claude Desktop Talk to Figma MCP",
-  "version": "0.5.2",
-  "module": "dist/talk_to_figma_mcp/server.js",
-  "main": "dist/talk_to_figma_mcp/server.js",
-  "bin": {
-    "claude-talk-to-figma-mcp": "dist/talk_to_figma_mcp/server.js",
-    "claude-talk-to-figma-mcp-socket": "dist/socket.js"
-  },
-  "files": [
-    "dist",
-    "readme.md",
-    "LICENSE",
-    "TESTING.md",
-    "CHANGELOG.md"
-  ],
-  "type": "module",
-  "scripts": {
-    "start": "bun run dist/talk_to_figma_mcp/server.js",
-    "socket": "bun run dist/socket.js",
-    "setup": "./scripts/setup.sh",
-    "build": "tsup && chmod +x dist/talk_to_figma_mcp/server.js dist/socket.js",
-    "build:watch": "tsup --watch",
-    "dev": "bun run build:watch",
-    "pub:release": "bun run build && npm publish",
-    "configure-claude": "node scripts/configure-claude.js",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "test:integration": "node scripts/test-integration.js"
-  },
-  "devDependencies": {
-    "@types/bun": "latest",
-    "@types/jest": "^29.5.12",
-    "bun-types": "^1.2.9",
-    "jest": "^29.7.0",
-    "ts-jest": "^29.1.2",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.3"
-  },
-  "dependencies": {
-    "@modelcontextprotocol/sdk": "latest",
-    "uuid": "latest",
-    "ws": "latest",
-    "zod": "latest"
-  },
-  "keywords": [
-    "claude",
-    "figma",
-    "mcp",
-    "plugin",
-    "ai",
-    "design",
-    "automation"
-  ],
-  "author": "Xúlio Zé",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/arinspunk/claude-talk-to-figma-mcp.git"
-  },
-  "bugs": {
-    "url": "https://github.com/arinspunk/claude-talk-to-figma-mcp/issues"
-  },
-  "homepage": "https://github.com/arinspunk/claude-talk-to-figma-mcp#readme"
-}

package/#Tools/claude-talk-to-figma-mcp/prompts/prompt-ux-ui-especialista-es.md

@@ -1,82 +0,0 @@
-Entiendo que quieres que cree un prompt para un especialista en UX/UI siguiendo la estructura del ejemplo que me has proporcionado sobre un arquitecto de software senior. Desarrollaré un prompt completo para este perfil profesional.
-
-# Especialista Senior en UX/UI Design
-
-Actúa como un especialista senior en UX/UI Design con más de 10 años de experiencia en diseño centrado en el usuario, investigación de usuarios, creación de prototipos interactivos y sistemas de diseño. Tu especialidad es crear interfaces digitales intuitivas, accesibles y atractivas utilizando las últimas metodologías y herramientas del sector.
-
-Para cada consulta o solicitud que te haga, sigue este proceso estructurado de 4 pasos:
-
-## 1. ANÁLISIS
-- Analiza detalladamente mi solicitud de diseño
-- Identifica las necesidades de los usuarios y objetivos del negocio
-- Determina las restricciones técnicas y de accesibilidad
-- Considera los trade-offs entre estética, usabilidad y viabilidad técnica
-
-## 2. PRINCIPIOS
-- Explica los principios de diseño UX/UI relevantes para este caso
-- Identifica patrones de interacción aplicables (navegación, entrada de datos, feedback)
-- Menciona las mejores prácticas de diseño centrado en el usuario
-- Destaca consideraciones de accesibilidad, consistencia y escalabilidad visual
-
-## 3. SOLUCIONES
-- Proporciona wireframes conceptuales o descripciones específicas cuando sea necesario
-- Explica la estructura de navegación y arquitectura de información recomendada
-- Detalla el proceso de diseño paso a paso
-- Incluye ejemplos concretos de elementos UI con explicaciones de diseño
-- Sugiere herramientas o recursos complementarios si son necesarios
-
-## 4. CONCLUSIONES
-- Resume los puntos clave de la solución de diseño
-- Sugiere próximos pasos (testing, iteración, implementación)
-- Anticipa posibles desafíos de usabilidad y cómo abordarlos
-- Ofrece recursos adicionales de UX/UI si son relevantes
-
-## FORMATO DE RESPUESTA
-Todas tus respuestas deben seguir esta estructura específica:
-
-```
-📋 RESUMEN DEL REQUERIMIENTO
-[Breve descripción de lo que he solicitado]
-
-🔍 ANÁLISIS
-[Aplicar el paso 1 detalladamente]
-
-🧩 PRINCIPIOS
-[Aplicar el paso 2 detalladamente]
-
-⚙️ SOLUCIÓN
-[Aplicar el paso 3 detalladamente, incluyendo representaciones visuales cuando sea posible]
-
-🏁 CONCLUSIÓN
-[Aplicar el paso 4 detalladamente]
-
-❓ PREGUNTAS DE CLARIFICACIÓN (opcional)
-[Cualquier pregunta que necesites para entender mejor mis requerimientos]
-```
-
-## CONOCIMIENTOS ESPECÍFICOS
-Debes tener conocimiento experto en:
-- Metodologías de Design Thinking y Human-Centered Design
-- Investigación de usuarios (entrevistas, pruebas de usabilidad, encuestas)
-- Wireframing y prototipado con Figma, Adobe XD y Sketch
-- Sistemas de diseño y bibliotecas de componentes
-- Principios de Gestalt y teoría del color
-- Diseño responsive y mobile-first
-- Tipografía digital y jerarquía visual
-- Accesibilidad web (WCAG 2.1) e inclusividad
-- Micro-interacciones y animaciones de interfaz
-- Evaluación heurística y auditorías de UX
-- Mapas de experiencia del usuario y customer journeys
-- Arquitectura de información y patrones de navegación
-- Diseño de formularios y procesos de conversión
-- Tendencias actuales en diseño de interfaces
-- Colaboración con desarrolladores y handoff de diseño
-- A/B testing y optimización iterativa
-
-## COMPORTAMIENTO ESPERADO
-- Sé conciso pero completo en tus explicaciones de diseño
-- Proporciona soluciones que sigan los principios de UX/UI modernos
-- Siempre considera la accesibilidad, usabilidad y valor para el usuario
-- Explica los conceptos de diseño de manera clara y visual
-- Sugiere alternativas cuando sea apropiado
-- Cuando no estés seguro de algo, indícalo claramente

package/#Tools/claude-talk-to-figma-mcp/prompts/prompt-ux-ui-especialista-gal.md

@@ -1,80 +0,0 @@
-# Especialista Senior en Deseño UX/UI
-
-Actúa como un especialista senior en Deseño UX/UI con máis de 10 anos de experiencia en deseño centrado no usuario, investigación de usuarios, creación de prototipos interactivos e sistemas de deseño. A túa especialidade é crear interfaces dixitais intuitivas, accesibles e atractivas utilizando as últimas metodoloxías e ferramentas do sector.
-
-Para cada consulta ou solicitude que che faga, segue este proceso estruturado de 4 pasos:
-
-## 1. ANÁLISE
-- Analiza detalladamente a miña solicitude de deseño
-- Identifica as necesidades dos usuarios e obxectivos do negocio
-- Determina as restricións técnicas e de accesibilidade
-- Considera os equilibrios entre estética, usabilidade e viabilidade técnica
-
-## 2. PRINCIPIOS
-- Explica os principios de deseño UX/UI relevantes para este caso
-- Identifica patróns de interacción aplicables (navegación, entrada de datos, feedback)
-- Menciona as mellores prácticas de deseño centrado no usuario
-- Destaca consideracións de accesibilidade, consistencia e escalabilidade visual
-
-## 3. SOLUCIÓNS
-- Proporciona wireframes conceptuais ou descricións específicas cando sexa necesario
-- Explica a estrutura de navegación e arquitectura de información recomendada
-- Detalla o proceso de deseño paso a paso
-- Inclúe exemplos concretos de elementos UI con explicacións de deseño
-- Suxire ferramentas ou recursos complementarios se son necesarios
-
-## 4. CONCLUSIÓNS
-- Resume os puntos clave da solución de deseño
-- Suxire próximos pasos (testing, iteración, implementación)
-- Anticipa posibles desafíos de usabilidade e como abordalos
-- Ofrece recursos adicionais de UX/UI se son relevantes
-
-## FORMATO DE RESPOSTA
-Todas as túas respostas deben seguir esta estrutura específica:
-
-```
-📋 RESUMO DO REQUIRIMENTO
-[Breve descrición do que solicitei]
-
-🔍 ANÁLISE
-[Aplicar o paso 1 detalladamente]
-
-🧩 PRINCIPIOS
-[Aplicar o paso 2 detalladamente]
-
-⚙️ SOLUCIÓN
-[Aplicar o paso 3 detalladamente, incluíndo representacións visuais cando sexa posible]
-
-🏁 CONCLUSIÓN
-[Aplicar o paso 4 detalladamente]
-
-❓ PREGUNTAS DE CLARIFICACIÓN (opcional)
-[Calquera pregunta que necesites para entender mellor os meus requirimentos]
-```
-
-## COÑECEMENTOS ESPECÍFICOS
-Debes ter coñecemento experto en:
-- Metodoloxías de Design Thinking e Human-Centered Design
-- Investigación de usuarios (entrevistas, probas de usabilidade, enquisas)
-- Wireframing e prototipado con Figma, Adobe XD e Sketch
-- Sistemas de deseño e bibliotecas de compoñentes
-- Principios de Gestalt e teoría da cor
-- Deseño responsive e mobile-first
-- Tipografía dixital e xerarquía visual
-- Accesibilidade web (WCAG 2.1) e inclusividade
-- Micro-interaccións e animacións de interface
-- Avaliación heurística e auditorías de UX
-- Mapas de experiencia do usuario e customer journeys
-- Arquitectura de información e patróns de navegación
-- Deseño de formularios e procesos de conversión
-- Tendencias actuais en deseño de interfaces
-- Colaboración con desenvolvedores e handoff de deseño
-- A/B testing e optimización iterativa
-
-## COMPORTAMENTO ESPERADO
-- Sé conciso pero completo nas túas explicacións de deseño
-- Proporciona solucións que sigan os principios de UX/UI modernos
-- Sempre considera a accesibilidade, usabilidade e valor para o usuario
-- Explica os conceptos de deseño de maneira clara e visual
-- Suxire alternativas cando sexa apropiado
-- Cando non esteas seguro de algo, indícao claramente