← Back to Skills Marketplace
122
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install crm-antdesign-admin-spec
Description
Design, structure, review, and generate B2B CRM or admin pages using an Ant Design-style system with page taxonomy, reusable layout rules, token guidance, co...
README (SKILL.md)
CRM Ant Design Admin Spec
What this skill is for
Use this skill when the user needs help with:
- designing a B2B CRM / admin page
- generating a page spec before UI or frontend work starts
- reviewing whether a page matches Ant Design-style admin semantics
- keeping dashboard, list, and config pages from drifting into inconsistent styles
- creating prompts for UIUXProMax or similar AI page-generation workflows
This skill is especially useful when:
- the page belongs to a CRM, SaaS admin, analytics, or operations system
- the output needs strong structure and good information density
- the page should feel realistic to implement with Ant Design
- the user wants a reusable design system instead of one-off pretty mockups
What this skill is NOT for
Do not use this as the main skill for:
- marketing websites
- landing pages
- mobile-app-first interfaces
- expressive visual branding projects
- illustration-heavy storytelling pages
- highly experimental visual design where implementation realism is secondary
Default design direction
Prefer:
- Ant Design-style admin UI
- strong hierarchy and structure
- realistic implementation paths
- compact but readable information organization
- reusable page skeletons
- light AI-enhanced visual language only when the page truly needs it
Avoid:
- marketing-site aesthetics
- heavy glassmorphism
- cyberpunk / glow-heavy visuals
- mobile-first interaction patterns for desktop admin tasks
- decorative gradients across the entire page
Core operating rule
First classify the page type, then apply the matching structure and constraints.
Do not treat every page like a dashboard.
Page type decision
Choose one of these before designing:
-
Statistics page
- KPI cards
- charts
- time filters
- org tree / left filter panel
- management overview
-
AI analytics page
- analytics dashboard
- insights / risks / recommendations
- KPI + charts + AI summary blocks
- slightly enhanced visual tone allowed
-
List page
- customer lists
- operational tables
- search / filters / pagination
- CRUD-oriented workflow
-
Configuration / tool page
- parameter setup
- upload areas
- forms + tables
- left functional menu + right config content
If uncertain, default to the simplest page type that matches the task.
How to use this skill
For design tasks
- identify the page type first
- outline the page skeleton
- specify major regions: header, filters, actions, KPI, charts, table, side nav, config form, empty state
- keep the result implementation-friendly
For review tasks
Check for:
- wrong page type choice
- inconsistent spacing / radius / color hierarchy
- non-Ant-Design-like controls
- excessive decoration
- weak information density
- weak admin usability
- dashboard thinking forced onto list/config pages
For AI generation tasks
Use prompt patterns from references/prompt-templates.md.
For design-system alignment
Use references/token-and-components.md.
For page skeleton and visual rules
Use references/admin-guidelines.md.
For concrete examples
Use references/examples.md.
Recommended output pattern
When generating a page spec or design direction:
- Identify the page type
- Pick the matching skeleton
- Apply token / color / radius / typography rules
- Map to likely Ant Design components
- Add AI-specific enhancement only if the page truly needs it
- State what should not be done for this page type
Deliverable styles this skill can support
This skill can guide outputs such as:
- page strategy notes
- page information architecture
- UI section breakdowns
- component recommendations
- prompt templates for AI design/build tools
- design review comments
- implementation-friendly HTML / React / admin page planning prompts
References
- Read
references/admin-guidelines.mdfor visual system, page taxonomy, and page skeletons. - Read
references/token-and-components.mdfor token mapping and Ant Design component mapping. - Read
references/prompt-templates.mdwhen creating prompts for UIUXProMax or other AI page generators. - Read
references/examples.mdfor example page interpretations and output patterns.
Usage Guidance
This skill appears coherent and low-risk: it's an instruction-only design/spec helper with templates and docs, and it asks for no credentials or installs. Before using: (1) avoid sending proprietary internal URLs, product names, or sensitive data into the provided prompt templates if you plan to run them through third-party AI services, (2) if you adapt the 'private-adaptation-notes' for internal use, keep that adapted copy in a private repo as the file suggests, and (3) review any generated prompts or outputs before pasting them into CI, codebases, or external tools to prevent accidental leakage. If you need higher assurance, request the publisher/source provenance or inspect any private adaptation for embedded internal references before sharing externally.
Capability Analysis
Type: OpenClaw Skill
Name: crm-antdesign-admin-spec
Version: 1.0.0
The skill bundle is a legitimate design framework for creating B2B CRM and admin interfaces based on Ant Design principles. It contains structured guidelines, UI component mappings, and prompt templates (e.g., in SKILL.md and references/admin-guidelines.md) intended to help an AI agent generate consistent and implementation-friendly page specifications. No malicious code, data exfiltration attempts, or harmful prompt injections were found.
Capability Assessment
Purpose & Capability
Name/description (Ant Design CRM/admin spec) matches the included guidance, templates, token/component mappings, and example outputs. There are no unrelated environment variables, binaries, or install steps requested that would be inconsistent with a design/spec skill.
Instruction Scope
SKILL.md and the reference files instruct the agent to produce page specs, prompts, and component mappings and to use included reference docs; this stays within the stated purpose. Note: prompt templates reference using external AI design/build tools (e.g., 'UIUXProMax' or similar). That is expected for a prompt template skill but means users should avoid pasting proprietary internal data into prompts sent to external services.
Install Mechanism
No install spec and no code files are present (instruction-only). Nothing will be written to disk or executed by an installer when the skill is added—this is the lowest-risk install posture.
Credentials
The skill requests no environment variables, credentials, or config paths. The included 'private-adaptation-notes' advise how to adapt the public skill for private use but do not request secrets. Environment/credential access is proportional to the stated function.
Persistence & Privilege
always:false and default agent invocation settings are used. The skill does not request permanent system presence or attempt to modify other skills or system-wide configuration.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install crm-antdesign-admin-spec - After installation, invoke the skill by name or use
/crm-antdesign-admin-spec - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release of `crm-antdesign-admin-spec`.
- Guides design, review, and generation of B2B CRM/admin pages in Ant Design style.
- Defines structured page taxonomy: statistics, AI analytics, list, and configuration/tool pages.
- Provides clear best practices, default design directions, and review criteria.
- Includes reference to prompt templates, token guidance, page skeletons, and design-system alignment resources.
- Focuses on implementation-friendly specs and consistency across admin pages.
Metadata
Frequently Asked Questions
What is CRM Ant Design 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, co... It is an AI Agent Skill for Claude Code / OpenClaw, with 122 downloads so far.
How do I install CRM Ant Design Admin Spec?
Run "/install crm-antdesign-admin-spec" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is CRM Ant Design Admin Spec free?
Yes, CRM Ant Design Admin Spec is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does CRM Ant Design Admin Spec support?
CRM Ant Design Admin Spec is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created CRM Ant Design Admin Spec?
It is built and maintained by benisonli (@benisonli); the current version is v1.0.0.
More Skills