ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Mejorar los flujos de trabajo de diseño UI y UX
El trabajo de interfaces a menudo necesita estilo consistente, accesibilidad y orientación específica para el stack. Esta habilidad proporciona a Claude, Codex y Claude Code una referencia UI/UX consultable para planificar, crear y revisar diseños.
Esta habilidad forma parte de un paquete
Instala el paquete completo y obtén en un solo comando todas las habilidades que necesita la tarea.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "ui-ux-pro-max" from https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ui-ux-pro-max/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.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "ui-ux-pro-max". Diseña un dashboard SaaS profesional para analítica.
Resultado esperado:
Usando "ui-ux-pro-max". Revisa esta landing page para pulido.
Resultado esperado:
Usando "ui-ux-pro-max". Crea una landing page de servicios de belleza con Tailwind.
Resultado esperado:
Most static findings are false positives caused by Markdown formatting and CSV reference data for UI/UX guidance. The real security concern is that SKILL.md includes package-manager installation commands, including sudo apt and Windows winget examples, which can modify the user system and require confirmation. Static review was capped at 400/515 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
Estas son capacidades locales reales que pueden esperarse para esta habilidad, por lo que requieren revisión, pero no se cuentan como comportamiento malicioso confirmado.
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.
https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ui-ux-pro-max/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ui-ux-pro-max.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ui-ux-pro-max security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10@techreport{nextlevelbuilder-nextlevelbuilder-ui-ux-pro-max-2026,
author = {nextlevelbuilder},
title = {ui-ux-pro-max security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ui-ux-pro-max security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ui-ux-pro-max:audit:10"
description: "Skillstore immutable audit report identifier"
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
nextlevelbuilder-ui-ux-pro-max
2026-09-09
dcjanus-ui-ux-pro-max
2026-09-09
sickn33-ui-ux-pro-max
2026-09-09
zhanlincui-ui-ux-pro-max
2026-09-09
Elegir estilo, colores, tipografía, secciones y estrategia de CTA antes de crear una landing page.
Comprobar una UI en busca de problemas de espaciado, contraste, feedback hover, comportamiento responsive, iconos y accesibilidad.
Obtener recomendaciones específicas por framework para React, Next.js, Vue, Svelte, stacks móviles y layouts con Tailwind.
Usa ui-ux-pro-max para recomendar una dirección visual para una landing page de [product type] en la industria [industry]. Incluye estilo, colores, tipografía y estructura de secciones.
Usa ui-ux-pro-max para revisar este [screen or component]. Céntrate en espaciado, contraste, estados hover, comportamiento responsive, accesibilidad y jerarquía visual.
Usa la orientación de stack de ui-ux-pro-max para [React or Next.js or Vue]. Recomienda patrones de layout, estado, rendimiento, accesibilidad y pulido de componentes antes de la implementación.
Usa ui-ux-pro-max en dominios de producto, estilo, tipografía, color, landing, gráficos, UX y stack. Sintetiza un plan completo de construcción para [project], luego identifica riesgos y puntos de revisión.
Autor
nextlevelbuilderLicencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Repositorio
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/ui-ux-pro-max/Ref.
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
Actualidad del mantenimiento
18/7/2026
Uso
105 descargas · 373 vistas
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
Crear directrices de marca y flujos de trabajo de activos
El trabajo de marca a menudo se desvía entre voz, elementos visuales, activos y design tokens. Esta skill ayuda a Claude, Codex y Claude Code a crear, revisar y aplicar sistemas de marca coherentes.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
Crear presentaciones HTML estratégicas
Los equipos de presentaciones necesitan decks persuasivos que combinen narrativa, maquetación y gráficos. Esta habilidad guía a Claude, Codex y Claude Code para producir diapositivas HTML responsivas.
Mejora la UX con orientación de diseño basada en investigación
por shubhamsaboo
Los equipos suelen diseñar flujos a partir de suposiciones y pasan por alto problemas de accesibilidad. Esta skill guía la investigación, la estructura, el diseño de interacción y la revisión usando mejores prácticas de UX.
Diseñar prototipos de UI distintivos
por tencentcloudbase
Las interfaces de IA genéricas a menudo carecen de dirección visual y de detalles adaptados a la plataforma. Esta habilidad guía a Claude, Codex y Claude Code para definir la intención de diseño antes de crear prototipos.
Auditar la accesibilidad web para el cumplimiento de WCAG
por 89jobrien
Las brechas de accesibilidad pueden bloquear a los usuarios y crear riesgos de cumplimiento. Esta habilidad guía auditorías WCAG, comprobaciones con lectores de pantalla, pruebas de teclado y planificación de remediación.
Diseñar interfaces frontend distintivas
por Atman36
Las interfaces genéricas generadas suelen verse predecibles y débiles. Esta skill guía a Claude, Codex y Claude Code hacia un diseño frontend distintivo y listo para producción.
Planificar la UX antes de construir
por pbakaus
Los equipos a menudo construyen interfaces antes de aclarar los objetivos, estados y restricciones del usuario. Esta skill guía el descubrimiento y produce un brief de diseño para la implementación.
Check designs with deterministic CSS rules
por cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.