[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CZCAJV5HQ6MPHNWG2KXFVM":3,"skill-same:01M6CZCAJV5HQ6MPHNWG2KXFVM":70},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":28,"publishedAt":33,"linkOnly":34,"markdownContent":35,"markdownBody":36,"frontMatter":37,"refName":42,"commitSha":43,"skillDirectory":44,"forksCount":14,"repositoryHtmlUrl":45,"repositoryHomepageUrl":6,"ownerHtmlUrl":46,"ownerBlogUrl":47,"ownerDescription":48,"updatedAt":49,"install":50,"resources":63},"01M6CZCAJV5HQ6MPHNWG2KXFVM","design-init",null,"Skill invocable via \u002Fdesign-init. Escanea el proyecto, extrae tokens de diseño existentes (fuentes, colores, spacing, animaciones), detecta duplicidades y problemas de escalabilidad, y genera DESIGN.md pre-poblado con mejoras propuestas.","Ezequielpereyraa\u002Fai-config","Ezequielpereyraa","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F50385003?v=4","01M6CZBZ5PS0XDHVZ5818PF9VY","Ezequiel Pereyra","01M6CZBZA0M26G9FAE57AA6CVV",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Fdesign-init\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[29,30,31,32],"design","init","design init","tokens","2026-11-10 10:12:30",false,"---\nname: design-init\ndescription: >\n  Skill invocable via \u002Fdesign-init. Escanea el proyecto, extrae tokens de diseño existentes\n  (fuentes, colores, spacing, animaciones), detecta duplicidades y problemas de escalabilidad,\n  y genera DESIGN.md pre-poblado con mejoras propuestas.\nlicense: Apache-2.0\nmetadata:\n  author: Eze\n  version: \"1.0\"\n---\n\n# design-init — Generador de DESIGN.md\n\n## Cuando se activa\n\nEl usuario ejecuta `\u002Fdesign-init` en cualquier proyecto.\n\n---\n\n## Proceso de ejecucion\n\n### Paso 1 — Escanear el proyecto\n\nLeer en paralelo (lo que exista):\n\n```\ntailwind.config.ts \u002F tailwind.config.js\napp\u002Fglobals.css \u002F src\u002Fglobals.css \u002F styles\u002Fglobals.css\napp\u002Flayout.tsx \u002F src\u002Fapp\u002Flayout.tsx\npackage.json\n```\n\nBuscar adicionalmente:\n\n```\n**\u002Ftheme.ts\n**\u002Ftokens.ts\n**\u002Fdesign-tokens.*\n**\u002Fconstants\u002Fcolors.*\n**\u002Fstyles\u002F*.css\n```\n\n### Paso 2 — Extraer tokens existentes\n\n**De tailwind.config:**\n- Colores extendidos (`extend.colors`)\n- Fuentes extendidas (`extend.fontFamily`)\n- Spacing custom (`extend.spacing`)\n- Border radius custom (`extend.borderRadius`)\n- Animaciones custom (`extend.animation`, `extend.keyframes`)\n\n**De globals.css \u002F CSS puro:**\n- Variables CSS definidas en `:root` y `.dark`\n- `@font-face` declarations\n- `@import` de fuentes\n- Clases utilitarias custom (`@layer utilities`)\n- Clases de componentes custom (`@layer components`)\n\n**De layout.tsx:**\n- Imports de `next\u002Ffont` o `next\u002Ffont\u002Fgoogle`\n- Variables de fuente asignadas (`.variable`)\n- Font families en uso\n\n**De package.json:**\n- Paquetes de fuentes: `@fontsource\u002F*`, `next\u002Ffont`, fuentes custom\n- Librerias de animacion: `framer-motion`, `motion`, `@react-spring\u002F*`\n- Librerias UI: `shadcn`, `radix-ui`, `headlessui`, etc.\n\n### Paso 3 — Detectar problemas\n\n**Duplicidades:**\n- Mismos colores definidos en tailwind.config Y en CSS variables\n- Misma fuente importada por `next\u002Ffont` Y por `@import` de Google Fonts\n- Clases de componentes repetidas en multiples CSS files\n- Spacing o border-radius hardcodeados en componentes que deberian ser tokens\n\n**Problemas de escalabilidad:**\n- Colores hardcodeados en hex dentro de `tailwind.config.extend.colors` sin variable CSS correspondiente (no cambian con dark mode)\n- `@layer components` con estilos muy especificos de un solo componente (deberia estar en el componente)\n- Animaciones duplicadas con distintos nombres pero mismos keyframes\n- Fuentes cargadas con `@import` de Google Fonts (deberia ser `next\u002Ffont` para performance)\n\n**Centralizacion necesaria:**\n- Colores semanticos sin nombre semantico (ej: `primary: \"#0f172a\"` vs `foreground: \"#0f172a\"`)\n- Escalas de color incompletas (tiene `primary-500` pero no el resto de la escala)\n- Tokens sin dark mode equivalente\n\n### Paso 4 — Generar DESIGN.md\n\nCrear `DESIGN.md` en la raiz del proyecto con:\n- Todo lo que se encontro, organizado por seccion\n- `TODO:` donde falte informacion que el usuario debe completar\n- Seccion de mejoras propuestas basada en los problemas detectados\n\nUsar el template de esta skill como base.\n\n### Paso 5 — Reportar al usuario\n\nDespues de generar el archivo, mostrar:\n\n```\nDESIGN.md generado en la raiz del proyecto\n\nTokens encontrados:\n- Fuentes: [lista]\n- Colores: [cantidad] tokens\n- Animaciones: [si\u002Fno]\n\nProblemas detectados:\n[lista de duplicidades y problemas de escalabilidad con ubicacion exacta]\n\nMejoras propuestas:\n[lista priorizada]\n\nCampos que necesitan completarse manualmente (marcados con TODO en el archivo):\n[lista]\n```\n\n---\n\n## Reglas del scan\n\n- Reportar paths exactos de donde se encontro cada token\n- Si un token esta definido en multiples lugares → marcar como duplicado con ambos paths\n- Si tailwind.config usa `hsl()` con variables CSS → mapear correctamente al valor real\n- Si el proyecto usa CSS puro sin Tailwind → funciona igual, extraer de los CSS files\n- No asumir stack — detectar lo que hay\n- Si `DESIGN.md` o `.claude\u002FDESIGN.md` ya existe → preguntar al usuario si quiere sobreescribir o hacer merge\n\n---\n\n## Mejoras a proponer si aplican\n\n1. **Migrar `@import` de Google Fonts a `next\u002Ffont`** — performance critica en Next.js\n2. **Unificar colores duplicados** — eliminar definicion en tailwind.config si ya existe como CSS variable\n3. **Agregar semantica a colores sin nombre semantico** — `#0f172a` → `--color-foreground`\n4. **Completar dark mode** — si hay `:root` sin `.dark` equivalente\n5. **Extraer animaciones duplicadas** — un solo `@keyframes` reutilizable\n6. **Centralizar spacing frecuente** — si se repite `px-6 py-4` en muchos componentes, proponer token\n\n---\n\n## Keywords\ndesign-init, design tokens, generate, setup, fonts, colors, tailwind, css variables, duplicates\n","# design-init — Generador de DESIGN.md\n\n## Cuando se activa\n\nEl usuario ejecuta `\u002Fdesign-init` en cualquier proyecto.\n\n---\n\n## Proceso de ejecucion\n\n### Paso 1 — Escanear el proyecto\n\nLeer en paralelo (lo que exista):\n\n```\ntailwind.config.ts \u002F tailwind.config.js\napp\u002Fglobals.css \u002F src\u002Fglobals.css \u002F styles\u002Fglobals.css\napp\u002Flayout.tsx \u002F src\u002Fapp\u002Flayout.tsx\npackage.json\n```\n\nBuscar adicionalmente:\n\n```\n**\u002Ftheme.ts\n**\u002Ftokens.ts\n**\u002Fdesign-tokens.*\n**\u002Fconstants\u002Fcolors.*\n**\u002Fstyles\u002F*.css\n```\n\n### Paso 2 — Extraer tokens existentes\n\n**De tailwind.config:**\n- Colores extendidos (`extend.colors`)\n- Fuentes extendidas (`extend.fontFamily`)\n- Spacing custom (`extend.spacing`)\n- Border radius custom (`extend.borderRadius`)\n- Animaciones custom (`extend.animation`, `extend.keyframes`)\n\n**De globals.css \u002F CSS puro:**\n- Variables CSS definidas en `:root` y `.dark`\n- `@font-face` declarations\n- `@import` de fuentes\n- Clases utilitarias custom (`@layer utilities`)\n- Clases de componentes custom (`@layer components`)\n\n**De layout.tsx:**\n- Imports de `next\u002Ffont` o `next\u002Ffont\u002Fgoogle`\n- Variables de fuente asignadas (`.variable`)\n- Font families en uso\n\n**De package.json:**\n- Paquetes de fuentes: `@fontsource\u002F*`, `next\u002Ffont`, fuentes custom\n- Librerias de animacion: `framer-motion`, `motion`, `@react-spring\u002F*`\n- Librerias UI: `shadcn`, `radix-ui`, `headlessui`, etc.\n\n### Paso 3 — Detectar problemas\n\n**Duplicidades:**\n- Mismos colores definidos en tailwind.config Y en CSS variables\n- Misma fuente importada por `next\u002Ffont` Y por `@import` de Google Fonts\n- Clases de componentes repetidas en multiples CSS files\n- Spacing o border-radius hardcodeados en componentes que deberian ser tokens\n\n**Problemas de escalabilidad:**\n- Colores hardcodeados en hex dentro de `tailwind.config.extend.colors` sin variable CSS correspondiente (no cambian con dark mode)\n- `@layer components` con estilos muy especificos de un solo componente (deberia estar en el componente)\n- Animaciones duplicadas con distintos nombres pero mismos keyframes\n- Fuentes cargadas con `@import` de Google Fonts (deberia ser `next\u002Ffont` para performance)\n\n**Centralizacion necesaria:**\n- Colores semanticos sin nombre semantico (ej: `primary: \"#0f172a\"` vs `foreground: \"#0f172a\"`)\n- Escalas de color incompletas (tiene `primary-500` pero no el resto de la escala)\n- Tokens sin dark mode equivalente\n\n### Paso 4 — Generar DESIGN.md\n\nCrear `DESIGN.md` en la raiz del proyecto con:\n- Todo lo que se encontro, organizado por seccion\n- `TODO:` donde falte informacion que el usuario debe completar\n- Seccion de mejoras propuestas basada en los problemas detectados\n\nUsar el template de esta skill como base.\n\n### Paso 5 — Reportar al usuario\n\nDespues de generar el archivo, mostrar:\n\n```\nDESIGN.md generado en la raiz del proyecto\n\nTokens encontrados:\n- Fuentes: [lista]\n- Colores: [cantidad] tokens\n- Animaciones: [si\u002Fno]\n\nProblemas detectados:\n[lista de duplicidades y problemas de escalabilidad con ubicacion exacta]\n\nMejoras propuestas:\n[lista priorizada]\n\nCampos que necesitan completarse manualmente (marcados con TODO en el archivo):\n[lista]\n```\n\n---\n\n## Reglas del scan\n\n- Reportar paths exactos de donde se encontro cada token\n- Si un token esta definido en multiples lugares → marcar como duplicado con ambos paths\n- Si tailwind.config usa `hsl()` con variables CSS → mapear correctamente al valor real\n- Si el proyecto usa CSS puro sin Tailwind → funciona igual, extraer de los CSS files\n- No asumir stack — detectar lo que hay\n- Si `DESIGN.md` o `.claude\u002FDESIGN.md` ya existe → preguntar al usuario si quiere sobreescribir o hacer merge\n\n---\n\n## Mejoras a proponer si aplican\n\n1. **Migrar `@import` de Google Fonts a `next\u002Ffont`** — performance critica en Next.js\n2. **Unificar colores duplicados** — eliminar definicion en tailwind.config si ya existe como CSS variable\n3. **Agregar semantica a colores sin nombre semantico** — `#0f172a` → `--color-foreground`\n4. **Completar dark mode** — si hay `:root` sin `.dark` equivalente\n5. **Extraer animaciones duplicadas** — un solo `@keyframes` reutilizable\n6. **Centralizar spacing frecuente** — si se repite `px-6 py-4` en muchos componentes, proponer token\n\n---\n\n## Keywords\ndesign-init, design tokens, generate, setup, fonts, colors, tailwind, css variables, duplicates\n",{"name":5,"license":15,"metadata":38,"description":41},{"author":39,"version":40},"Eze","1.0","Skill invocable via \u002Fdesign-init. Escanea el proyecto, extrae tokens de diseño existentes (fuentes, colores, spacing, animaciones), detecta duplicidades y problemas de escalabilidad, y genera DESIGN.md pre-poblado con mejoras propuestas.\n","main","5607e1990992eb0c7e4a8b61f6dcc905eb2f18aa","skills\u002Fdesign-init","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa","gezequielpereyra.netlify.app\u002F","Full Stack Web Developer","2026-09-12 21:54:51",{"source":8,"skillName":5,"commands":51,"prompt":61,"zipAvailable":62},[52,55,58],{"tool":53,"command":54},"npx","npx skills add Ezequielpereyraa\u002Fai-config --skill design-init",{"tool":56,"command":57},"bunx","bunx skills add Ezequielpereyraa\u002Fai-config --skill design-init",{"tool":59,"command":60},"pnpm","pnpm dlx skills add Ezequielpereyraa\u002Fai-config --skill design-init","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Fdesign-init\u002FSKILL.md",true,[64],{"path":65,"resourceType":66,"resourceTypeDesc":67,"sizeBytes":68,"sourceHtmlUrl":69},"DESIGN.template.md","REFERENCE","参考文档",3762,"https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Fdesign-init\u002FDESIGN.template.md",[71,90,117],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":33},"01M6FVHBVFJYMGCRXHSSB0PVH2","tailwind-4","Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Ftailwind-4\u002FSKILL.md",[],[78,79,80,81,82,83,84,85,86,87,88,89],"tailwind 4","Tailwind","css","best practices","programming","styling","patterns","Tailwind CSS","trigger","theme","with","Variables",{"skillNo":91,"name":92,"nameZh":6,"description":93,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":94,"licenseFileUrl":6,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":33},"01M6FVGPDWJA88HCPV7DTPFGA2","ponytail","Forces the laziest solution that actually works, simplest, shortest, most minimal. Channels a senior dev who has seen everything: question whether the task needs to exist at all (YAGNI), reach for the standard library before custom code, native platform features before dependencies, one line before fifty. Supports intensity levels: lite, full (default), ultra. Use whenever the user says \"ponytail\", \"be lazy\", \"lazy mode\", \"simplest solution\", \"minimal solution\", \"yagni\", \"do less\", or \"shortest path\", and whenever they complain about over-engineering, bloat, boilerplate, or unnecessary dependencies.","MIT","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Fponytail\u002FSKILL.md",[],[92,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116],"minimal","default","do","task","dependencies","platform","line","boilerplate","intensity","native","channels","about","use","yagni","code","dev","library","engineering","question",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":128,"publishedAt":33},"01M6CZD108VTW97PZDCDXVQJVP","impeccable","Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.","https:\u002F\u002Fgithub.com\u002FEzequielpereyraa\u002Fai-config\u002Fblob\u002Fmain\u002Fskills\u002Fimpeccable\u002FSKILL.md",[123,126,127],{"categoryNo":124,"categoryName":125,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},[119,129,29,130,131,132,30,133,134,135,136,137,138,139,140,141,142,143,144,145],"only","review","performance","components","architecture","tasks","design systems","Bash","improve","clarify","distill","alignment","overdrive","quieter","typeset","iteration","frontend"]