Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Ant Design Experience · qierkang | DecimalAI

frontendby qierkang

Ant Design Experience

qierkang/ant-design-experience

Source qierkang/platform-project-skill ↗License MIT

Implement React management-console and data-product interfaces with Ant Design. Use only when the selected Profile is ui-enterprise-react or the existing React project already uses Ant Design; do not use for mobile-first or non-React surfaces.

SkillScore73Maintained

Automatic

Frontend / UI pack

Last verified 9/26/2026

What it changes

Passed 16 of 22 test cases with the skill, and 5 of 22 without it.

Without skill23%

With skill73%

Checks it passed that the model alone missed

Uses Ant Design Form inside the drawer.
Avoids writing broad global CSS overrides.
Uses Ant Design Modal for the popup dialog.

and 12 more in the full report

11 fixed5 passed either way6 still failing0 broke

Pass-rate lift: +50 pp
Tokens: +14%
Agent turns: 0%
Response time: +12%

Model gemini-3.6-flashMeasured 9/26/2026v2 · latest is v316 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

This benchmark measured an earlier version of the skill.

A newer attempt on gemini-3.6-flash on 10/4/2026 did not produce a publishable comparison (not comparable). The snapshot above is the previously measured run.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/qierkang-ant-design-experience/SKILL.md https://app.decimal.ai/s/qierkang-ant-design-experience/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add qierkang-ant-design-experience, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/qierkang-ant-design-experience/ and pins it in .decimal/skills.lock

decimalai skills add qierkang-ant-design-experience

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/qierkang-ant-design-experience/SKILL.md https://app.decimal.ai/s/qierkang-ant-design-experience/SKILL.md

Raw file: /s/qierkang-ant-design-experience/SKILL.md ↗ · machine-readable summary at /s/qierkang-ant-design-experience.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 11

Prompt

We have brand color definitions and typography settings specified in docs/product/design/DESIGN.md. Generate the React theme configuration file that applies these design tokens to our web app components.

What was checked, without and with the skill
Checked	Without skill	With skill
References token definitions from docs/product/design/DESIGN.md.	Missed	Passed
Applies tokens using Ant Design ConfigProvider.	Missed	Passed

case-08 · gemini-3.6-flash · 9/26/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md12 linessingle file

Ant Design Experience

Ant Design is a component dependency, not an always-on project Skill.

Inspect the owning package, existing components, tokens, and versions.
Install or upgrade antd only when the selected Profile requires it; initialization must not modify dependencies.
Map docs/架构与设计/DESIGN.md tokens through the theme provider instead of accepting a generic admin appearance.
Prefer semantic forms, tables, drawers, feedback, and navigation with keyboard access and visible focus.
Implement filters, saved views, bulk actions, pagination, loading, empty, error, and permission states.
Use responsive composition rather than shrinking desktop tables onto touch screens.

Do not force Ant Design into mobile or another established component system. Avoid broad global CSS overrides and verify dependency impact plus the affected build.

Track record

Benchmark

16 / 22

test cases passed, vs 5 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v5 — 10/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

qierkang / platform-project-skill

assets/templates/omni-platform/.agents/skills/ant-design-experience/SKILL.md

View on GitHub ↗

License MITImported 10/3/2026Version v3

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Ant Design Experience

Track record

Benchmark

Adoption

SkillSafety

Source

Related skills