From mobiscroll
Mobiscroll jQuery patterns — .mobiscroll() plugin chain, event callbacks, dynamic updates, @mobiscroll/jquery imports. Invoked by mobiscroll-ui after framework detection. Do not auto-trigger — invoked by mobiscroll-ui only.
How this skill is triggered — by the user, by Claude, or both
Slash command
/mobiscroll:mobiscroll-ui-jqueryThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> This skill is loaded by `mobiscroll-ui`. If you arrived here directly, invoke
This skill is loaded by
mobiscroll-ui. If you arrived here directly, invokemobiscroll-uifirst to run environment detection and the mandatory schema lookup.
Package: @mobiscroll/jquery
CSS import: import '@mobiscroll/jquery/dist/css/mobiscroll.min.css'
Requires jQuery loaded before Mobiscroll.
import $ from 'jquery';
import '@mobiscroll/jquery';
$('#my-calendar').mobiscroll().eventcalendar({
data: events,
view: { scheduler: { type: 'week' } },
onEventCreate: function (args) {
// handle
}
});
$('#el').mobiscroll().eventcalendar({...})..mobiscroll() bridge call is required before the component method..eventcalendar(), .datepicker(), .select(), .popup().var inst = $('#el').mobiscroll().eventcalendar({...}); returns the
Mobiscroll instance (not the jQuery object).| WRONG | RIGHT |
|---|---|
$('#el').eventcalendar({...}) without .mobiscroll() | $('#el').mobiscroll().eventcalendar({...}) |
mobiscroll.eventcalendar('#el', {...}) vanilla JS pattern | $('#el').mobiscroll().eventcalendar({...}) jQuery pattern |
import { Eventcalendar } from '@mobiscroll/react' | import '@mobiscroll/jquery' |
| React JSX or Angular templates | jQuery selector + plugin chain |
@mobiscroll/javascript or @mobiscroll/react | @mobiscroll/jquery only |
$('#el').mobiscroll().eventcalendar({
onEventClick: function (args) {
console.log(args.event);
}
});
var inst = $('#el').mobiscroll().eventcalendar({...});
inst.setOptions({ data: newEvents });
// v6: renderSchedulerEvent (v5: renderScheduleEvent — deprecated in v6)
$('#el').mobiscroll().eventcalendar({
renderSchedulerEvent: function (data) {
return '<div class="custom-event">' + data.title + '</div>';
}
});
v5 note:
renderScheduleEvent(withoutr) was the correct name in v5. In v6 it is deprecated — userenderSchedulerEventinstead. The same rename applies to all*Contentvariants.
Always verify available render options via mcp__mobiscroll__getComponentSchema.
npx claudepluginhub acidb/mobiscroll-marketplace --plugin mobiscrollProvides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.