← 返回 Skills 市场

CRM Ant Design Admin Spec

Name: CRM Ant Design Admin Spec
Author: benisonli

作者 benisonli · GitHub ↗ · v1.0.0 · MIT-0

cross-platform ✓ 安全检测通过

122

总下载

当前安装

版本数

在 OpenClaw 中安装

/install 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, co...

使用说明 (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.md for visual system, page taxonomy, and page skeletons.
Read references/token-and-components.md for token mapping and Ant Design component mapping.
Read references/prompt-templates.md when creating prompts for UIUXProMax or other AI page generators.
Read references/examples.md for example page interpretations and output patterns.

安全使用建议

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.

功能分析

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.

能力评估

✓ 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.

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install crm-antdesign-admin-spec
安装完成后，直接呼叫该 Skill 的名称或使用 /crm-antdesign-admin-spec 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

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.

元数据

Slug crm-antdesign-admin-spec

版本 1.0.0

许可证 MIT-0

累计安装 0

当前安装数 0

历史版本数 1

常见问题