Guide developers in designing and implementing custom wok-ui modules.
npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-module
Please help me install this Agent Skill. Skill: wok-ui-module Source: https://github.com/PeakTai/wok-ui/tree/main/skills/wok-ui-module Command: npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-module
指导开发者在 wok-ui 中设计并实现可复用的自定义模块，帮助降低重复工作、提升一致性和可维护性。
Extend DivModule to build a new module and mount it to the page.
High-intent search queries and answers about installing and using this skill.
To create a custom module in wok-ui, extend the DivModule base class to encapsulate your UI logic, ensuring low coupling and high reusability across your frontend application.
The module lifecycle in wok-ui includes creation, mounting, and destruction phases. You manage these phases by implementing specific lifecycle hooks to handle state changes and resource cleanup effectively.
FullRenderingModule handles complete visual re-rendering of dynamic content, whereas ResponsiveModule manages targeted updates. Both integrate with cached child modules to optimize rendering performance in wok-ui.
Yes, you can extend existing wok-ui modules by subclassing them and overriding their methods. This approach allows you to customize behavior while maintaining the core lifecycle management and structural integrity.
DivModule provides structural encapsulation but requires manual integration with FullRenderingModule or ResponsiveModule for complex dynamic content scenarios, limiting its standalone capability for heavy visual updates.
PeakTaiGuide wok-ui project creation, installation, and routing with npm.
sbsbhongAdapt Zustand state management to json-render's StateStore for React Native JSON UI components.
mauroviverosConfigure cacheComponents in Next.js config and use the 'use cache' directive with cacheLife, cacheTag, and updateTag.
neogenzImplement reusable Angular directives for DOM manipulation and behavior extension.
