From dx-webdev
Create, modify, or review pure HTML, JavaScript, and CSS apps using DevExtreme jQuery widgets.
How this skill is triggered — by the user, by Claude, or both
Slash command
/dx-webdev:dx-jquery-app-generationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use this skill when generating or changing a pure HTML/JS/CSS page that uses DevExtreme jQuery widgets.
Use this skill when generating or changing a pure HTML/JS/CSS page that uses DevExtreme jQuery widgets.
Before substantial UI work, write a short ux-intent plan covering surface, audience, workflow, density, widget composition, required states, and validation approach.
Generate or update exactly the app files the task needs, usually:
index.htmlstyles.cssapp.jsLoad assets in this order:
app.js.Initialize widgets with jQuery syntax, for example:
$('#ordersGrid').dxDataGrid({
dataSource: orders,
searchPanel: { visible: true },
columnAutoWidth: true
});
Prefer DevExtreme widgets over hand-built controls when an appropriate widget exists. Include loading, empty, error, disabled, validation, and responsive states when they are relevant to the workflow. Use browser or static validation when possible.
Do not generate framework wrapper code, JSX, TSX, generated wrapper package usage, or ThemeBuilder output. Keep output as pure HTML, JavaScript, and CSS.
Provides 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.
npx claudepluginhub geekhoo/plugins --plugin dx-webdev