CtrlK
BlogDocsLog inGet started
Tessl Logo

ux-disruptivo

Use when designing new screens, redesigning existing UI, creating visual concepts, or improving interfaces in Nicolify. Executes a 7-phase creative Design Thinking workflow: defines user personas, frames problems, audits existing components (Shadcn UI + Tailwind CSS v4 + FSD architecture), researches SaaS UI patterns, proposes multiple distinct layout paradigms with ASCII wireframes and HTML mockups, iterates through dialogue, and delivers a complete UI-SPEC.md with component trees, data flow, responsive behavior, and interaction patterns — all following Nicolify's design tokens and codebase conventions. Triggers: 'diseña', 'rediseña', 'nueva pantalla', 'concepto visual', 'propuesta de diseño', 'UX', 'layout', 'prototipo', 'mejora la interfaz', 'wireframe', 'mockup', 'esquema de color', 'componentes de pantalla'.

76

Quality

95%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

The canonical home for this skill is ux-disruptivo in alpacapurpura/luana-method

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-engineered instruction-only skill: a gated 7-phase workflow with mode detection, validation, feedback loops, and concrete paths/commands throughout, with formats correctly delegated to five real one-level-deep reference files. The only trim opportunity is minor duplication around the mechanical-CRUD referral and small inline templates.

Suggestions

State the `nicolify-ux-designer` referral once (e.g., in Mode Detection) and drop the repeats in the role section and Common Mistakes to save tokens.

Compress the persona_summary and problem_statement code blocks into one-line descriptions of the fields, since the reference templates already cover format details.

Add one tiny inline HTML preview skeleton (doctype + CDN script + one Shadcn-style card) so the Phase 5 preview step is copy-paste ready without consulting a reference.

DimensionReasoningScore

Conciseness

The body is dense operational content (paths, gates, mode tables) with essentially no explanation of concepts Claude already knows, fitting 'efficient; minor instances of over-explanation that could be trimmed'. The recommendation to defer mechanical CRUDs to `nicolify-ux-designer` appears three times (role section, Mode Detection table, Common Mistakes), and the persona_summary/problem_statement blocks are slightly padded. Not score 5 because of these minor redundancies; not score 3 since nothing is unnecessary explanation, just light duplication.

4 / 5

Actionability

Every phase carries concrete, executable guidance: literal glob patterns ('frontend/src/features/{domain}/components/**/*.tsx', 'frontend/src/components/ui/*.tsx'), copy-paste Spanish question scripts, an exact HTML preview recipe ('/tmp/ux-preview-{timestamp}.html', 'https://cdn.tailwindcss.com', 'xdg-open'), and specified output formats deferred to real reference files. This is an instruction-only skill and the guidance is fully actionable with common cases covered, matching the score-5 anchor.

5 / 5

Workflow Clarity

The 7 phases are explicitly sequenced with a Quick Reference table, mode detection before entry, hard gates ('Do NOT proceed to Phase 2 without answers to at least questions 1 and 2'), a Phase 7 verification step (globbing real component names before writing the spec), back-navigation feedback loops ('volvamos a las propuestas'), and a Common Mistakes checklist — matching the score-5 anchor of clear sequence, explicit validation, feedback loops, and checklists.

5 / 5

Progressive Disclosure

The body is a workflow overview that loads five real, one-level-deep reference files on demand at specific phases ('Load `references/proposal-format.md` and `references/ascii-mockup-guide.md` with `Read`'), all of which exist in the bundle; cross-references inside the reference files point only to sibling files, so there is no 2+ level nesting. Bulk formats (proposal format, ASCII conventions, UI-SPEC template, tokens) are appropriately split out, matching the score-5 anchor.

5 / 5

Total

19

/

20

Passed

Description

96%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: third-person voice, explicit 'Use when' triggers in both Spanish and English, and a comprehensive, concrete enumeration of the 7-phase workflow and its deliverable. The only weakness is minor overlap risk with the mechanical UX-designer sibling it does not mention.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions covering the full workflow: 'defines user personas, frames problems, audits existing components (Shadcn UI + Tailwind CSS v4 + FSD architecture), researches SaaS UI patterns, proposes multiple distinct layout paradigms with ASCII wireframes and HTML mockups, iterates through dialogue, and delivers a complete UI-SPEC.md with component trees, data flow, responsive behavior, and interaction patterns'. Coverage is comprehensive with no vague padding, matching the score-5 anchor rather than the minor-gaps anchor at 4.

5 / 5

Completeness

Both questions are explicitly answered: 'Use when designing new screens, redesigning existing UI, creating visual concepts, or improving interfaces in Nicolify' gives the when, and the 7-phase enumeration with the UI-SPEC.md deliverable gives the what. This matches the score-5 anchor exactly; it is above the score-4 anchor because the when-clause is explicit and specific, not merely present.

5 / 5

Trigger Term Quality

An explicit 'Triggers:' list covers natural phrases a user would actually say in both languages: 'diseña', 'rediseña', 'nueva pantalla', 'concepto visual', 'propuesta de diseño', 'UX', 'layout', 'prototipo', 'mejora la interfaz', 'wireframe', 'mockup', 'esquema de color', 'componentes de pantalla'. Synonyms and variations are comprehensively covered; not the score-4 anchor since no obviously missing natural terms remain.

5 / 5

Distinctiveness Conflict Risk

Scoping to 'in Nicolify' and to creative screen design gives a clear niche, but the body itself acknowledges a closely related sibling ('nicolify-ux-designer' agent for mechanical CRUDs) that the description does not distinguish from, and terms like 'UX', 'layout', 'mockup' are somewhat broad. This fits 'mostly distinct; minor overlap risk with closely related skills' (4) rather than minimal conflict risk (5).

4 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
alpacapurpura/ap_sales_agent
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.