sb-ux-product-audit
Evaluates frontend product maturity regarding UX, stability, and production readiness.
Install
mkdir -p .claude/skills/sb-ux-product-audit && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/18885" && unzip -o skill.zip -d .claude/skills/sb-ux-product-audit && rm skill.zipInstalls to .claude/skills/sb-ux-product-audit
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Audite frontend como produto real vs MVP incompleto vs scaffold, com gaps UX, tecnicos e testes ausentes.Key capabilities
- →Evaluate frontend for production readiness
- →Identify UX gaps in navigation and responsiveness
- →Classify software as real product, incomplete MVP, or scaffold
- →Prioritize identified gaps by user impact
- →Inspect applications on desktop and mobile
- →Verify real data versus mock data
How it works
The skill evaluates a frontend application by inspecting its behavior on desktop and mobile, checking navigation, loading, error handling, and responsiveness. It then classifies the application based on observed gaps.
Inputs & outputs
When to use sb-ux-product-audit
- →Audit production-readiness
- →Identify UX gaps
- →Review frontend maturity
- →Check mobile responsiveness
About this skill
Second Brain UX Product Audit
Use para avaliar frontend, admin, dashboard, landing, PWA ou fluxo visual antes de declarar pronto para usuario.
Workflow
- Identifique persona e fluxo principal.
- Rode ou inspecione app em desktop e mobile quando possivel.
- Verifique navegacao, vazio, loading, erro, auth, responsividade e dados reais vs mock.
- Rode Playwright/screenshot/axe quando disponivel e proporcional.
- Classifique como
produto real,MVP incompletoouscaffold. - Priorize gaps por impacto no usuario.
Regras
- Nao confunda layout bonito com produto pronto.
- Nao aceite mock quando a operacao exige dados reais.
- Verifique texto, overflow e responsividade.
- Se nao conseguir executar, declare limitacao e audite por codigo com menor confianca.
When not to use it
- →When the operation requires real data but only mock data is available
- →When the application cannot be executed and only code audit is possible
Limitations
- →Cannot audit by code with high confidence if execution is not possible
- →Does not confuse aesthetic layout with product readiness
How it compares
This workflow systematically classifies frontend maturity and prioritizes gaps based on user impact, unlike a manual review that might lack a structured classification or impact prioritization.
Compared to similar skills
sb-ux-product-audit side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| sb-ux-product-audit (this skill) | 0 | 1mo | No flags | Intermediate |
| roast | 0 | 4mo | Review | Intermediate |
| UI/UX Review with Scoring | 0 | 3mo | No flags | Beginner |
| ui-ux-pro-max | 1,909 | 4mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by HideakiSolutions
View all by HideakiSolutions →You might also like
roast
diegosouzapw
Multi-perspective UI/UX roasting workflow with iterative improvement cycles
UI/UX Review with Scoring
tiptipid
Design audit scoring accessibility, consistency, trust signals, and usability via Figma links or screenshots.
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
web-design-guidelines
vercel
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
ui-ux-designer
sickn33
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.