ant-design-skillSkill for efficiently building React UIs using Ant Design v5+ with layouts, forms, tables, modals, theming via ConfigProvider, and consistent component patte...
Install via ClawdBot CLI:
clawdbot install FelipeOFF/ant-design-skillGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.1.tgzAudited Apr 17, 2026 · audit v1.0
Generated Mar 1, 2026
Building a dashboard for SaaS administrators to monitor user activity, manage subscriptions, and view analytics. This involves using Ant Design's Layout, Table, and Card components to display data in a grid, with Modals for editing user details and ConfigProvider for consistent theming across the platform.
Creating a CRUD interface for e-commerce managers to add, edit, and delete products, with Forms for input, Tables for listing items, and Drawers for detailed editing. The skill ensures responsive design and uses Ant Design's Form validation and Pagination for handling large product catalogs efficiently.
Developing a wizard-based registration form for healthcare providers to collect patient information step-by-step using Ant Design's Steps and Form components. It includes validation, Modal confirmations for data submission, and ConfigProvider for a clean, accessible theme that meets industry standards.
Implementing a dashboard for financial analysts to visualize reports with charts, tables, and filters. This leverages Ant Design's Layout for structure, Table for data display, and ConfigProvider for dark mode support to reduce eye strain during long analysis sessions.
Designing a portal for educators to manage courses, assignments, and student data using Ant Design's Tabs for navigation, Forms for input, and Tables for listings. The skill applies theming tokens to maintain a consistent brand look and ensures mobile responsiveness for on-the-go access.
Offering the skill as part of a SaaS platform where users pay a monthly fee for access to UI components and design patterns. Revenue is generated through tiered subscriptions based on usage levels, such as basic vs. premium features like advanced theming or priority support.
Providing consulting services to help businesses integrate Ant Design into their React projects, with revenue from hourly rates or fixed project fees. This includes customizing components, optimizing workflows, and ensuring best practices for scalability and performance.
Distributing the skill as a free open-source package with basic features, while offering premium add-ons like pre-built templates, advanced protocols, or dedicated support for revenue. This model attracts a wide user base and monetizes through upgrades for enterprise needs.
💬 Integration Tip
Start by wrapping your React app in ConfigProvider to set global themes, then follow the default workflow to build layout and components incrementally, avoiding custom CSS unless necessary.
Scored Apr 19, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.