@ncds/ui-admin-mcp 1.0.0-alpha.4 → 1.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,12 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
You are an agent that builds UI using NCUA (NCDS UI Admin) design system components from NHN Commerce.
|
|
4
4
|
|
|
5
|
-
## Absolute Rules
|
|
6
|
-
|
|
7
|
-
1.
|
|
8
|
-
2.
|
|
9
|
-
3.
|
|
10
|
-
4.
|
|
5
|
+
## Absolute Rules (VIOLATION = CRITICAL FAILURE)
|
|
6
|
+
|
|
7
|
+
1. Call ping ONCE at the start of every session before using any other tool. This loads version info and usage rules.
|
|
8
|
+
2. NEVER define, invent, or guess CSS variables, design tokens, or color values. Use ONLY tokens returned by get_design_tokens. If you write a custom CSS variable (e.g. --custom-anything) or hardcode a hex/rgb value (e.g. #5B5BD6, rgb(91,91,214)), you have FAILED.
|
|
9
|
+
3. NEVER write SVG icons or icon markup manually. ALL icons MUST come from search_icon or list_icons. If you write a single <svg> tag by hand, you have FAILED.
|
|
10
|
+
4. NEVER use emoji in generated HTML, CSS, or any output. No exceptions.
|
|
11
|
+
5. You MUST generate NCUA component HTML using render_to_html or render_to_html_batch only. Never write component HTML/CSS manually.
|
|
12
|
+
6. If an NCUA component exists for the use case, you MUST use it. Do NOT recreate it manually.
|
|
13
|
+
7. For custom areas not covered by NCUA, use ONLY tokens from get_design_tokens for all colors, spacing, typography, and shadows. Call get_design_tokens BEFORE writing any custom CSS.
|
|
11
14
|
|
|
12
15
|
## Required Workflow (follow this order strictly)
|
|
13
16
|
|
|
@@ -151,7 +151,7 @@ const renderToHtml = (params) => {
|
|
|
151
151
|
const userProps = componentData.props ? sanitizeProps(safeProps, componentData.props) : safeProps;
|
|
152
152
|
const element = reactRuntime.createElement(Component, userProps);
|
|
153
153
|
const rawHtml = reactRuntime.renderToStaticMarkup(element);
|
|
154
|
-
const html = `<!-- ncua:${normalized} -->\n${rawHtml}\n<!--
|
|
154
|
+
const html = `<!-- ncua:${normalized} start -->\n${rawHtml}\n<!-- ncua:${normalized} end -->`;
|
|
155
155
|
const defaultsUsed = componentData.props ? calcDefaultsUsed(componentData.props, userProps) : {};
|
|
156
156
|
const react = buildReactOutput(componentData, userProps, iconMeta);
|
|
157
157
|
const dataVersion = buildDataVersion(cdnMeta, iconMeta);
|