📦

shadcn-ui

Name: shadcn-ui
Author: google-labs-code

Revisión del contenido r1 Seguro 📁 Acceso al sistema de archivos⚙️ Comandos externos⚡ Contiene scripts🌐 Acceso a red

Crea interfaces shadcn/ui más rápido

Los equipos modernos de React necesitan componentes shadcn/ui coherentes sin tener que investigar repetidamente la configuración. Esta skill guía la selección de componentes, la instalación, la tematización, la migración y las comprobaciones de calidad.

Compatible con: Claude Codex Code(CC)

🥉 79 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "shadcn-ui" from https://skillstore.io/skills/google-labs-code-shadcn-ui.md and its manifest at https://skillstore.io/api/skills/google-labs-code-shadcn-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/google-labs-code-shadcn-ui.md Manifest firmado GET /api/skills/google-labs-code-shadcn-ui/manifest Lockfile firmado GET /api/skills/google-labs-code-shadcn-ui/lockfile

Pruébalo

Usando "shadcn-ui". El usuario pide un formulario de inicio de sesión usando shadcn/ui.

Resultado esperado:

Componentes recomendados para pestañas, tarjetas, inputs, etiquetas y botones.
Secuencia de instalación y orientación sobre la ubicación de archivos.
Comprobaciones de accesibilidad y validación antes del commit.

Usando "shadcn-ui". El usuario pide personalizar el tema de la aplicación.

Resultado esperado:

Lista de comprobación de tokens de tema para modos claro y oscuro.
Planificación de variantes para botones, formularios y componentes de layout.
Pasos de revisión para contraste, tipografía y comportamiento responsive.

Usando "shadcn-ui". El usuario pide migrar de Chakra UI a shadcn/ui.

Resultado esperado:

Mapeo de componentes desde los primitivos existentes a equivalentes de shadcn/ui.
Plan de despliegue incremental por riesgo de pantalla y profundidad de dependencias.
Lista de comprobación de pruebas para formularios, modales, uso del teclado y paridad visual.

Auditoría de seguridad

Seguro

v4 • 5/7/2026 Abrir el informe versionado

Static analysis produced many alerts, but reviewed evidence shows markdown examples, relative documentation links, TypeScript annotations, and local verification commands. No evidence found of prompt injection, data exfiltration, credential access, or hidden execution. The skill uses Bash, Write, web fetch, and shadcn tools for normal component setup, so install commands should remain explicit.

Archivos escaneados

3,257

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

📁 Acceso al sistema de archivos (3)

README.md:244 README.md:248 resources/migration-guide.md:462

⚙️ Comandos externos (59)

resources/customization-guide.md:299-304 scripts/verify-setup.sh:51 scripts/verify-setup.sh:78 scripts/verify-setup.sh:90 SKILL.md:30 SKILL.md:31 SKILL.md:32 SKILL.md:39-41 SKILL.md:41-46 SKILL.md:46-47 SKILL.md:47-50 SKILL.md:50-51 SKILL.md:51-57 SKILL.md:57-58 SKILL.md:58-59 SKILL.md:59-60 SKILL.md:60-61 SKILL.md:61-67 SKILL.md:67-69 SKILL.md:69-71 SKILL.md:71-75 SKILL.md:75-77 SKILL.md:77-79 SKILL.md:79-100 SKILL.md:100-113 SKILL.md:113-115 SKILL.md:115-117 SKILL.md:117-119 SKILL.md:119-126 SKILL.md:126-137 SKILL.md:137-139 SKILL.md:139-154 SKILL.md:154-158 SKILL.md:158-160 SKILL.md:160-182 SKILL.md:182-186 SKILL.md:186 SKILL.md:188-205 SKILL.md:205-211 SKILL.md:211-212 SKILL.md:212-239 SKILL.md:239-246 SKILL.md:246-249 SKILL.md:249-258 SKILL.md:258-261 SKILL.md:261-270 SKILL.md:270-275 SKILL.md:275-276 SKILL.md:276 SKILL.md:277-285 SKILL.md:285-289 SKILL.md:289-294 SKILL.md:294-295 SKILL.md:295-305 SKILL.md:305-314 SKILL.md:314-315 SKILL.md:315-316 SKILL.md:316-317 SKILL.md:317-321

⚡ Contiene scripts (2)

resources/setup-guide.md:78 resources/setup-guide.md:170

🌐 Acceso a red (2)

resources/setup-guide.md:141 scripts/verify-setup.sh:134

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/google-labs-code-shadcn-ui/security.svg)](https://skillstore.io/skills/google-labs-code-shadcn-ui?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/google-labs-code-shadcn-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-shadcn-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/google-labs-code-shadcn-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

google-labs-code. (2026). shadcn-ui security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4

Cita BibTeX

@techreport{google-labs-code-google-labs-code-shadcn-ui-2026,
  author = {google-labs-code},
  title = {shadcn-ui security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "shadcn-ui security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "google-labs-code"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/google-labs-code-shadcn-ui/audits/4"
identifiers:
  - type: other
    value: "skillstore:google-labs-code-shadcn-ui:audit:4"
    description: "Skillstore immutable audit report identifier"

Comparar variantes

2 variantes instalables

Cada autor sigue siendo un skill instalable independiente. La variante recomendada se ordena según la evidencia de Skillstore.

Por qué esta variante es la primera

Mayor puntuación de Skillstore

Autor / fuente Puntuación de Skillstore Confianza de la evidencia Uso en Skillstore Actualizado

google-labs-code Recomendado Actual

google-labs-code-shadcn-ui

Puntuación de Skillstore 79

Confianza de la evidencia Alto

Uso en Skillstore 9

Actualizado

2026-09-09

giuseppe-trisciuoglio

giuseppe-trisciuoglio-shadcn-ui

Puntuación de Skillstore 67

Confianza de la evidencia Alto

Uso en Skillstore 9

Actualizado

2026-09-09

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Añadir componentes a una aplicación React

Instala y adapta componentes shadcn/ui conservando las convenciones de Tailwind y de alias del proyecto.

Estandarizar un sistema de diseño

Crea tokens de tema compartidos, variantes y componentes envoltorio alrededor del código fuente copiado de shadcn/ui.

Migrar desde otro kit de UI

Planifica la sustitución por fases de componentes de Material UI, Chakra UI o Ant Design con patrones de shadcn/ui.

Prueba estos prompts

Añadir un componente básico

Ayúdame a añadir un Button de shadcn/ui a mi proyecto React. Explica el paso de instalación, los imports y un patrón de uso simple.

Configurar una aplicación existente

Revisa la configuración de mi proyecto para shadcn/ui. Comprueba Tailwind, components.json, los alias y la utilidad cn antes de añadir componentes.

Personalizar el tema y las variantes

Crea un plan para personalizar los colores, la tipografía y las variantes de botón de shadcn/ui. Mantén intacto el soporte de accesibilidad y modo oscuro.

Planificar una migración de biblioteca de UI

Compara mi biblioteca de componentes actual con shadcn/ui. Asigna reemplazos, orden de migración, riesgos y comprobaciones de validación para un despliegue por etapas.

Mejores prácticas

Usa la CLI de shadcn para componentes estándar y luego revisa el código fuente copiado antes de hacer commit.
Conserva el comportamiento de accesibilidad, los atributos ARIA, el soporte de teclado y los indicadores de foco al personalizar componentes.
Ejecuta comprobaciones de tipos, linting, revisión visual y comprobaciones de accesibilidad después de cambios en componentes.

Evitar

No instales grandes conjuntos de componentes antes de decidir qué pantallas los necesitan.
No sobrescribas cambios personalizados en componentes sin revisar los diffs upstream.
No elimines el comportamiento de Radix o Base UI para resolver rápidamente problemas de estilo.