adaptive-communication
Use when detecting ambiguous user intent, hedging language, open-ended framing, personal context before requests, or when unsure…
Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. Use when originality and differentiation matter enough to escape generic AI and Big Tech aesthetics. Guides a
$ npx -y skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/bencium-innovative-ux-designerContext preview
The summary Claude sees to decide when to auto-load this skill.
Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. Use when originality and differentiation matter enough to escape generic AI and Big Tech aesthetics. Guides a
name: bencium-innovative-ux-designer description: Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. Use when originality and differentiation matter enough to escape generic AI and Big Tech aesthetics. Guides a minimum-evidence start, ten isolated typography-led HTML design directions made only from type, color, and space, visual-first human judgement, explicit commitment, and concrete Round 2 production. Do not use for routine UI fixes, small components, or applying an existing design system. metadata: version: 3.1.5
Create a visual language that could only have emerged from this subject and context. Temporarily isolate authorship from contemporary design culture, let one author develop ten independent typography-led HTML design directions through type, color, and space, show them visually before explaining them, and let the human decide when generation stops.
1. **No contemporary visual references during invention.** Do not inspect other designers, visual art, galleries, social feeds, awards, templates, design systems, tokens, UI kits, icon libraries, or generated inspiration. Do not use Google Fonts, Material Design, or Meta/Facebook systems as creative inputs. 2. **Derive form from real evidence.** Begin with the subject's language, place, people, purpose, contradictions, behavior, materials, constraints, and lived context. 3. **Translate mechanisms, not appearances.** A rhythm, pressure, relationship, sequence, or natural behavior may become form. Another person's visual solution may not. 4. **Show before explaining.** The human's first encounter with A through J is visual. Do not pre-sell directions with style names, confident rationales, or reference lists. 5. **Make A through J genuinely independent.** They are ten complete design directions across typography, color, hierarchy, composition, spacing, and whitespace—not font swaps, palette swaps, or mutations of one layout. “Typography-only” limits the visible ingredients; it does not limit the dimensions of design. 6. **Round one is typography only.** Use only words, letterforms, type sizes, font combinations, case, weight, width, spacing, alignment, line breaks, flat background and text colors, and whitespace. Never add shapes, lines, borders, rules, panels, illustration, imagery, icons, symbols, texture, effects, motion, or an HTML `<canvas>` element. 7. **Require an explicit lock.** Praise and provisional approval do not lock a direction. After the human says “commit,” “lock this,” “this is it,” or equivalent, stop proposing alternatives. 8. **Formalize after discovery.** Tokens, component anatomy, asset systems, and templates record the committed language; they never generate it. 9. **Accessibility and recoverability are fixed boundaries.** Grids, type ratios, spacing rhythms, component shapes, and motion character are contextual. 10. **Separate proof levels.** State whether a typography-led HTML design direction was selected, a direction was explicitly locked, or a Round 2 artifact system is available. 11. **Protect creative momentum.** Default to zero preliminary questions. Begin direction work whenever the existing brief supports a reversible, non-harmful interpretation. 12. **Never create SVG.** Do not author, generate, edit, trace, convert to, export, or recommend SVG at any phase. This covers concepts, later rounds, production artwork, logos, icons, illustrations, diagrams, editable masters, intermediate files, and inline `<svg>` markup. 13. **Carry the concept forward as text.** Every round-one direction has a concise written concept capsule created alongside it. Keep those capsules out of the first visual encounter, then use the human-locked capsule as the governing context for Round 2. 14. **Round-one visual judgement is human-only.** After writing A through J, do not open, render, screenshot, inspect, compare, or judge them with Claude in Chrome, Chrome, browser automation, Computer Use, image analysis, or any other rendering tool. Claude may check source only; the human opens the HTML and supplies the first visual judgement.
Read [references/ISOLATION-PROTOCOL.md](references/ISOLATION-PROTOCOL.md) before collecting creative evidence or looking for fonts. Read [references/CONCEPT-ROUNDS.md](references/CONCEPT-ROUNDS.md) before checking evidence or generating directions. Read [references/PRODUCTION-SYSTEM.md](references/PRODUCTION-SYSTEM.md) only after one direction has been explicitly locked. Read [references/VERIFICATION.md](references/VERIFICATION.md) before showing the Round 1 HTML files or claiming a Round 2 production result is complete.
Internally identify the furthest state the human has explicitly approved:
Continue from that state. Do not restart the journey when the human already approved a premise or d
A Claude Code plugin marketplace with 17 skills and tools for design, marketing, architecture, and productivity by bencium.io.
Use when detecting ambiguous user intent, hedging language, open-ended framing, personal context before requests, or when unsure…
Generate AEO-optimized content (Answer Engine Optimization) for AI search visibility - ChatGPT, Claude, Gemini, AI Overviews. Use…
Bence's code style, tech stack, and workflow conventions
Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web…
Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased,…