superdesigndevSuperdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands:...
Install via ClawdBot CLI:
clawdbot install jayzeedesign/superdesigndevGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
Superdesign assists in creating and iterating UI/UX designs for web applications, such as e-commerce sites or SaaS platforms, by generating design drafts, variations, and reusable components. It analyzes existing codebases to ensure consistency and supports extending designs across multiple pages.
This skill helps teams establish and update design systems by extracting reusable components from HTML files and managing them within projects. It ensures design tokens, layouts, and components are documented and aligned with the codebase, streamlining collaboration between designers and developers.
Superdesign enables quick prototyping of new features or pages by generating design drafts based on existing UI context. It supports iterative design with variations like dark themes or minimal styles, allowing teams to explore options before implementation.
For redesigning existing interfaces, this skill analyzes current components and layouts to suggest improvements. It helps update components with new HTML files and ensures all dependencies are considered for a cohesive redesign.
Offer Superdesign as a cloud-based service with tiered subscriptions for individuals, teams, and enterprises. Revenue comes from monthly or annual fees, with premium features like advanced analytics and priority support.
Provide a free version with basic design capabilities and limited projects, then upsell to paid plans for advanced features such as unlimited projects, team collaboration, and integration with development tools. Revenue is generated from upgrades and add-ons.
Target large organizations with custom licensing deals, including on-premise deployments, dedicated support, and integration with existing design and development workflows. Revenue includes one-time licensing fees and ongoing maintenance contracts.
💬 Integration Tip
Ensure the CLI is installed and logged in before use, and always fetch the latest guidelines from the provided URL to follow current instructions.
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.