スキル ui-ux-pro-max
🎨

ui-ux-pro-max

低リスク 🌐 ネットワークアクセス📁 ファイルシステムへのアクセス

Diseños profesionales de UI/UX

こちらからも入手できます: ZhanlinCui,nextlevelbuilder,sickn33

Los desarrolladores y diseñadores necesitan interfaces consistentes, accesibles y visualmente atractivas, pero carecen de conocimientos exhaustivos de diseño. UI/UX Pro Max proporciona acceso instantáneo a más de 50 estilos de diseño, paletas de colores, combinaciones tipográficas y mejores prácticas específicas de framework mediante búsquedas por palabras clave simples.

対応: Claude Codex Code(CC)
📊 69 十分
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「ui-ux-pro-max」を使用しています。 ¿Qué paleta de colores funciona para una marca de comercio electrónico de lujo?

期待される結果:

  • Primario: #1C1917 (Negro cálido)
  • Secundario: #44403C (Marrón neutral)
  • CTA: #CA8A04 (Acento dorado)
  • Fondo: #FAFAF9 (Blanco off-white)
  • Notas: Colores premium con acentos mínimos, estética elegante y sofisticada

「ui-ux-pro-max」を使用しています。 ¿Qué patrón de React debo usar para un formulario con estado complejo?

期待される結果:

  • Recomendación: useReducer para estado complejo
  • Hacer: Usar patrón reducer cuando el estado tiene múltiples sub-valores relacionados
  • No hacer: Usar múltiples llamadas useState que se actualizan juntas
  • Ejemplo: useReducer(reducer, initialState)

セキュリティ監査

低リスク
v6 • 1/17/2026

This is a legitimate UI/UX design knowledge base tool. All static findings are false positives caused by the scanner misidentifying design-related content. Hex color codes are misclassified as 'weak cryptographic algorithms', design terminology like 'controlled inputs' and 'monitoring' trigger false security keywords, and Google Fonts URLs are legitimate external references for a design resource.

21
スキャンされたファイル
1,752
解析された行数
4
検出結果
6
総監査数
低リスクの問題 (2)
Google Fonts URLs in typography data files
External Google Fonts URLs are present in typography data files. This is a legitimate design resource for font pairing recommendations.
Documentation URLs in framework guidelines
External documentation URLs are present in framework CSV files. This is legitimate learning content for framework best practices.

リスク要因

🌐 ネットワークアクセス (2)
📁 ファイルシステムへのアクセス (1)
監査者: claude 監査履歴を表示 →

品質スコア

45
アーキテクチャ
100
保守性
85
コンテンツ
28
コミュニティ
86
セキュリティ
83
仕様準拠

作れるもの

Implementar sistemas de diseño

Encontrar rápidamente patrones específicos de framework y guías de estilo para un desarrollo de componentes consistente.

Elegir estilos visuales

Descubrir estilos de diseño y paletas de colores apropiados para diferentes tipos de productos e industrias.

Construir páginas de aterrizaje

Obtener patrones de páginas de aterrizaje optimizados para conversión con estrategias de colores y ordenación de secciones.

これらのプロンプトを試す

Consulta básica de diseño
Encuentra una paleta de colores para una aplicación móvil de salud
Guía de framework
Muéstrame las mejores prácticas de React para listas grandes
Patrón de página de aterrizaje
Obtén un patrón de página de aterrizaje centrado en héroe para un servicio B2B
Sistema de diseño completo
Dame un sistema de diseño completo para un panel de fintech incluyendo colores, tipografía y estilo UI

ベストプラクティス

  • Combinar múltiples dominios de búsqueda para resultados completos (estilo + color + tipografía)
  • Usar palabras clave específicas de la industria para obtener recomendaciones dirigidas
  • Siempre verificar el dominio de guías UX para evitar errores comunes de usabilidad
  • Faire coincidir el estilo UI recomendado con tu tipo de producto para un diseño coherente

回避

  • Usar esquemas de colores inconsistentes en diferentes secciones
  • Ignorar las pautas de accesibilidad al elegir estilos
  • Aplicar estilos decorativos a elementos funcionales
  • Olvidar considerar los requisitos del modo oscuro

よくある質問

¿Esta habilidad genera código real?
No. La habilidad proporciona recomendaciones y guías de diseño. Tú las aplicas a tu propio código.
¿Puedo usar las paletas de colores en proyectos comerciales?
Sí. Todos los códigos de colores hex están proporcionados para uso directo en proyectos web y móviles.
¿Qué frameworks están soportados?
React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter y HTML con Tailwind.
¿Cómo encuentro el estilo de diseño correcto?
Busca por tipo de producto (ej. fintech, salud) o estética deseada (ej. minimalismo, glassmorphism).
¿Se incluyen las pautas de accesibilidad?
Sí. Cada estilo y guía de framework incluye consideraciones de accesibilidad y notas WCAG.
¿Cómo obtengo las URLs de Google Fonts?
Busca en el dominio de tipografía para obtener combinaciones de fuentes con declaraciones de importación de Google Fonts listas para usar.

開発者の詳細

作成者

DCjanus

ライセンス

MIT

参照

master