code-connect-authoring

Authoring workflow for HPE Design System Code Connect mappings. Use when asked to create or update a `.figma.jsx` file, translate Figma properties into `figma.connect(...)`, choose between `props`, `variant`, or static composition patterns, or mirror a Grommet component API in `knowledge/code-connect/src/`.

Jump to install

Repository: grommet/hpe-design-system
Last source activity: August 20, 2026 at 15:44
Detected SKILL.md language: English
Stars: 60
Forks: 28

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/grommet/hpe-design-system --skill code-connect-authoring

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

2 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

code-connect-drift-audit

Audit workflow for HPE Design System Code Connect drift. Use when asked to review an existing `.figma.jsx` mapping, compare mapping props against the current component API, detect stale imports or patterns, check whether Figma properties are still represented correctly, or find gaps before sync.

2026-08-20

code-connect-intake

Intake workflow for HPE Design System Code Connect work. Use when asked to start a new Code Connect mapping, confirm a Figma node URL, identify the target Grommet component, choose the correct `.figma.jsx` file location, or gather the minimum inputs before editing `knowledge/code-connect/src/`.

2026-08-20

code-connect-sync-troubleshooter

Troubleshooting workflow for HPE Design System Code Connect publish and validation failures. Use when `pnpm --filter @hpe-design/code-connect figma:sync` fails, when a mapping validates locally but does not publish as expected, or when token setup, node type, parser restrictions, or mapping shape might be blocking sync.

2026-08-20

View all from this repository

name	code-connect-authoring
description	Authoring workflow for HPE Design System Code Connect mappings. Use when asked to create or update a `.figma.jsx` file, translate Figma properties into `figma.connect(...)`, choose between `props`, `variant`, or static composition patterns, or mirror a Grommet component API in `knowledge/code-connect/src/`.
version	1.0.0