Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →webiny/webiny-admin-ui-extensions
Customizing the Webiny Admin UI -- white-labeling, custom data list columns, page-type forms, and Lexical editor plugins.
Passed 23 of 23 test cases with the skill, and 4 of 23 without it.
and 31 more in the full report
19 fixed4 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 19 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are laying out custom input fields in a Webiny Website Builder page form extension. What component and prop from the Webiny admin UI package should be used to make a field span the full grid width?
| Checked | Without skill | With skill |
|---|---|---|
| Imports Grid from webiny/admin/ui | Missed | Passed |
| Sets span to 12 on the grid column component | Passed | Passed |
The instructions your model reads when the skill loads.
Admin extensions customize the Webiny Admin application. There are three main categories: white-labeling (logos, titles, theme colors), custom data list columns (adding columns to content entry tables), and custom page-type forms (custom form fields for Website Builder page types). All are React components registered via <Admin.Extension> in webiny.config.tsx.
YOU MUST include the full file path with the .tsx extension in every src prop. For example, use src={"/extensions/MyAdminExtension.tsx"}, NOT src={"/extensions/MyAdminExtension"}. Omitting the file extension will cause a build failure.
// extensions/AdminBranding/AdminTheme.tsx
import React from "react";
import { AdminConfig } from "webiny/admin/configs";
const { Theme } = AdminConfig;
const AdminTheme = () => {
return (
<AdminConfig.Public>
<Theme.Color palette={"primary"} color={"purple"} />
<Theme.Color palette={"secondary"} color={"green"} />
</AdminConfig.Public>
);
};
export default AdminTheme;
palette -- "primary", "secondary", "neutral", etc.color -- any CSS color value: named colors, hex ("#6B46C1"), or RGB.// extensions/AdminBranding/AdminTitleLogo.tsx
import React from "react";
import { AdminConfig } from "webiny/admin/configs";
test cases passed, vs 4 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.