crm-antdesign-admin-spec
Design, structure, review, and generate B2B CRM or admin pages using an Ant Design-style system with page taxonomy, reusable layout rules, token guidance, component mapping, and AI-generation constraints. Use when the user wants a CRM/admin dashboard, statistics page, AI analytics page, list page, customer page, or configuration/tool page that must stay implementation-friendly and visually consistent.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/benisonli/crm-antdesign-admin-specWhat This Skill Does
The crm-antdesign-admin-spec skill serves as a structured architectural framework for designing, reviewing, and generating high-density B2B CRM and admin interfaces. It enforces the adoption of the Ant Design system, ensuring that your administrative dashboards, configuration tools, and analytics modules remain implementation-ready, consistent, and user-friendly. By leveraging predefined page taxonomies—ranging from list views to complex AI analytics pages—the skill prevents the common pitfall of 'dashboard sprawl,' where every page is treated as an information-dense overview regardless of its actual utility. It acts as a bridge between high-level requirements and frontend implementation, providing constraints that prioritize usability, hierarchy, and information density over decorative, non-functional design elements.
Installation
You can install this skill directly using the OpenClaw command-line interface. Run the following command in your project terminal:
clawhub install openclaw/skills/skills/benisonli/crm-antdesign-admin-spec
Use Cases
- CRM System Building: Designing complex customer management systems with filtering, sorting, and granular CRUD actions that adhere to standard SaaS patterns.
- Admin Portal Standardization: Reviewing existing admin pages to ensure they match internal company design standards and align with Ant Design principles.
- AI Insights Integration: Structuring AI-driven analytics pages that require a mix of traditional tabular data, visualization charts, and generative summary components.
- Technical Specification Generation: Creating structured prompt schemas that can be fed into downstream UIUXProMax workflows to generate high-fidelity code components.
Example Prompts
- "I need to design a customer list page for our B2B CRM. It should include a search bar, advanced filtering options, a column for activity status, and bulk action buttons. Please apply the crm-antdesign-admin-spec structure."
- "Review this mockup for an AI-analytics dashboard. It feels too cluttered—can you suggest a layout reorganization based on the 'AI analytics page' taxonomy in the admin spec to improve information density?"
- "Draft a specification for a configuration page where users manage API integrations. Include sections for a sidebar nav, input forms for environment variables, and a table showing active webhooks."
Tips & Limitations
- Stick to the taxonomy: The core operating rule is to classify before you design. Forcing a configuration page into a dashboard structure leads to poor usability.
- Focus on implementation: This skill is optimized for developers and designers who need real-world, buildable components. Avoid using this for marketing sites where branding takes precedence over utility.
- Visual Restraint: Ant Design is about logic and spacing, not gradients or glassmorphism. Keep your designs clean and functional to get the best results from the AI generation prompts.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-benisonli-crm-antdesign-admin-spec": {
"enabled": true,
"auto_update": true
}
}
}