orgx-design-agentOrgX design execution contract for OpenClaw. Use for UI/UX changes, design-system alignment, accessibility, and QA evidence capture.
Install via ClawdBot CLI:
clawdbot install hopeatina/orgx-design-agentGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 5, 2026
A startup needs a high-converting landing page redesign that aligns with their existing design system and works seamlessly on mobile. The OrgX Design Agent ensures consistent spacing, radii, and accessibility while capturing QA evidence via Playwright.
An enterprise application requires dark mode implementation across all UI components without breaking the design system. The agent verifies mobile layout at 375px and captures evidence for loading, empty, and error states.
An e-commerce platform needs to meet WCAG standards across its checkout flow. The agent identifies and fixes contrast, focus order, and ARIA label issues, reporting via orgx_emit_activity.
A fintech company's design system has drifted across teams. The agent aligns all components to the approved design tokens, ensures mobile responsiveness, and uses orgx_request_decision for human approval on changes.
Before a major UI update for a healthcare platform, the agent runs automated Playwright tests on all touched states, captures screenshots on desktop and mobile, and compiles a verification report using orgx_apply_changeset.
Offer subscription-based access to the OrgX Design Agent for consistent UI/UX design execution, ensuring design system compliance and accessibility. Revenue comes from monthly or annual per-seat subscriptions.
License the agent's verification and evidence capture capabilities as an add-on to existing CI/CD pipelines. Companies pay per test run or a flat annual fee for unlimited runs within their repos.
Use the agent to automatically audit and remediate design systems for clients. Charge per project or as a fixed scope engagement, leveraging the agent's reporting and changeset application.
💬 Integration Tip
Integrate with your CI pipeline via GitHub Actions, triggering the agent on pull requests that touch UI components. Configure Playwright tests and snapshotting for automated evidence capture.
Scored Apr 19, 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.