web-widgets
Mendix widget debugging, code review, and spec-driven changes
All Skills in This Repository (8)
Pure Emerald Level Indicatorsdebug-widget
Reproduce and diagnose Mendix pluggable widget runtime issues with Playwright tests.
openspec-apply-change
Apply OpenSpec changes through guided task execution and progress tracking.
openspec-explore
Guide design discussions by clarifying problems and mapping exploration directions.
openspec-verify-change
Verify change implementation alignment with specs, tasks, and design artifacts.
code-review
Review Mendix web-widget PR diffs for conventions, React/MobX, versioning, tests, styling, security, and accessibility.
openspec-new-change
Scaffold a new OpenSpec change with the artifact-driven workflow.
openspec-archive-change
Archive completed experimental changes with the OpenSpec CLI.
openspec-bulk-archive-change
Batch-archive completed OpenSpec changes while resolving delta-spec conflicts.
Frequently Asked Questions
FAQPage SchemaHow to install web-widgets skills?โผ
Run `npx skills add mendix/web-widgets --all -g -y` in your terminal to install all skills in this suite globally.
How to debug a Mendix widget bug?โผ
The debug-widget skill reproduces the bug with a Playwright script first, traces the root cause through the reactive chain, then verifies the fix before declaring success.
Can AI review Mendix widget pull requests?โผ
Yes. The code-review skill checks PRs against Mendix conventions, React and MobX patterns, security, accessibility, and test coverage, then posts a structured review comment.
What is spec-driven development with OpenSpec?โผ
The openspec skills guide changes through proposal, specs, design, and tasks before implementation, keeping a clear decision record you can archive and revisit later.
Do these skills work with Claude Code and Cursor?โผ
Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, and other compatible coding environments.
Related Repositories in Software Engineering
View All in Software Engineeringโopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core