pagesskillGuide AI to build NocoBase pages — menus, tables, forms, popups, KPIs, JS blocks, outlines, event flows
Install via ClawdBot CLI:
clawdbot install alexander-lq/pagesskillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Oct 6, 2026
Build a complete customer management module with sidebar navigation, customer ledger tables, KPI dashboards showing signed and follow-up counts, and detail popups with contact sub-tables. Ideal for sales teams needing quick page scaffolding without manual FlowModel configuration.
Create asset management pages with ledger views, purchase tracking, filter forms, and edit popups for equipment records. The one-call nb_crud_page approach enables rapid deployment of inventory-style back-office pages.
Assemble project pages with KPI cards for total and active projects, priority-based tables, and rich detail popups. The toolkit's filter and table blocks provide a familiar kanban-adjacent layout for PM teams.
Build employee directories with searchable tables, add-new forms with required-field markers, and detail popups including sub-tables for dependent records. Features outline and JS blocks for org-chart style custom views.
Use JS blocks, event flows, and outlines to craft bespoke admin pages beyond standard CRUD, such as approval dashboards or data quality monitors. Agents can modify existing pages incrementally using patch and node inspection tools.
Deliver the page-building toolkit as part of a hosted NocoBase SaaS offering, charging monthly per workspace or per active user. Higher-tier plans unlock advanced JS blocks, event flows, and API access.
Open-source the core agent skill and charge enterprises for advanced features like custom workflow integrations, SSO, audit logs, and priority support. Ideal for self-hosted deployments behind firewalls.
Distribute the skill as a paid plugin in an AI agent marketplace (e.g., Claude Skills, GPT store for NocoBase), earning revenue per install or usage-based credits. Partners can build vertical-specific page templates on top.
💬 Integration Tip
Pair this skill with an active NocoBase instance and MCP-compatible agent runtime so nb_crud_page can be invoked directly; always prefer the fast path for standard CRUD pages before falling back to individual tools for advanced layouts.
Scored Oct 6, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.