ui-ux-pro-max
生成专业的 UI/UX 设计
Também disponível em: nextlevelbuilder,ZhanlinCui,sickn33
开发者和设计师需要一致、易用且视觉美观的界面,但缺乏全面的设计知识。UI/UX Pro Max 通过简单的关键词搜索,即时提供 50 多种设计风格、调色板、排版组合以及特定框架的最佳实践。
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "ui-ux-pro-max". What color palette works for a luxury e-commerce brand?
Resultado esperado:
- Primary: #1C1917 (Warm black)
- Secondary: #44403C (Neutral brown)
- CTA: #CA8A04 (Gold accent)
- Background: #FAFAF9 (Off-white)
- Notes: Premium colors with minimal accent, elegant and sophisticated aesthetic
A utilizar "ui-ux-pro-max". What React pattern should I use for a form with complex state?
Resultado esperado:
- Recommendation: useReducer for complex state
- Do: Use reducer pattern when state has multiple related sub-values
- Don't: Use multiple useState calls that update together
- Example: useReducer(reducer, initialState)
Auditoria de Segurança
Baixo RiscoThis 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.
Problemas de Baixo Risco (2)
Fatores de risco
🌐 Acesso à rede (2)
📁 Acesso ao sistema de arquivos (1)
Pontuação de qualidade
O Que Você Pode Construir
实现设计系统
快速查找特定框架的模式和样式指南,以实现一致的组件开发。
选择视觉风格
为不同的产品类型和行业发现合适的设计风格和调色板。
构建落地页
获取针对转化优化的落地页模式,包括配色策略和内容区块排序。
Tente Estes Prompts
Find a color palette for a healthcare mobile app
Show me React performance best practices for large lists
Get a hero-centric landing page pattern for a B2B service
Give me a complete design system for a fintech dashboard including colors, typography, and UI style
Melhores Práticas
- 结合多个搜索领域以获得全面的结果(风格 + 颜色 + 排版)
- 使用特定的行业关键词来获得针对性的推荐
- 始终检查 UX 指南领域以避免常见的可用性错误
- 将推荐的 UI 风格与您的产品类型匹配,以实现一致的设计
Evitar
- 在不同部分使用不一致的配色方案
- 选择风格时忽略无障碍访问指南
- 将装饰性风格应用于功能性元素
- 忘记考虑深色模式要求