Generates wireframes, high-fidelity screens, and design specs as Markdown or Pencil MCP files.
npx skills add https://github.com/jikig-ai/soleur --skill ux-design-lead
Please help me install this Agent Skill. Skill: ux-design-lead Source: https://github.com/jikig-ai/soleur/tree/main/.openhands/skills/ux-design-lead Command: npx skills add https://github.com/jikig-ai/soleur --skill ux-design-lead
This Skill removes the friction between product intent and implementable visual design by producing wireframes, high-fidelity screens, component inventories, and developer-friendly implementation briefs so design work can be consumed directly by engineering and product teams.
Ask ux-design-lead to create a high-fidelity mobile checkout screen using the Visual Direction from knowledge-base/marketing/brand-guide.md.
High-intent search queries and answers about installing and using this skill.
To generate wireframes and design specs for engineering handoff, this Skill produces high-fidelity screens and structured markdown implementation briefs extracting layout, content, components, and responsive behavior for developers.
Yes, you can create native .pen design files using Pencil MCP when the tooling is available, allowing you to generate wireframes and component patterns directly within your design environment.
Auditing existing HTML pages for UX involves analyzing the information architecture and page structure, then keeping design files synchronized with live changes to maintain accurate UX documentation.
Converting a marketing site flow into responsive screens produces high-fidelity layouts, asset exports, and a section-by-section implementation brief that developers can implement incrementally.
No, you do not need Pencil MCP to produce detailed UI design specifications; the Skill generates structured markdown design specs and implementation briefs detailing component hierarchies and responsive behavior as an alternative.
Without native design tool integrations like Pencil MCP, limitations include outputting detailed markdown specs instead of visual .pen files, requiring developers to interpret structured text for layout and component implementation.
AesopScottGenerate website and product surface designs using MAPS M8 Experience Design.
caiohbfurtadoConvert PRDs and tech specs into sequenced frontend implementation tasks.
jikig-aiGuide interactive workshops to capture brand identity and write a structured brand guide.
SpaceZephyrRecreate UI screenshots as editable Pencil .pen files with design documentation.
