From dx-webdev
Translate design-system tokens and UX intent into DevExtreme jQuery implementation decisions.
How this skill is triggered — by the user, by Claude, or both
Slash command
/dx-webdev:dx-design-system-translationThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Use this skill when converting design-system intent into a DevExtreme jQuery page.
Use this skill when converting design-system intent into a DevExtreme jQuery page.
For substantial pages, produce an intermediate ux-intent.json or component-plan.md before writing code. Include color roles, spacing, density, typography hierarchy, target workflows, selected widgets, and required states.
Translate:
--app-surface, --app-text, --app-primary, and --app-danger.Mappings:
dxButton with type: 'default'; secondary actions use outlined or text styling.Keep generated output pure HTML, JavaScript, and CSS with DevExtreme jQuery widgets.
npx claudepluginhub geekhoo/plugins --plugin dx-webdevProvides 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.