richie/ADS3-Design-System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add workflow tooling: claude2figma skills, Storybook addons, Figma permissions

Browse Source 
Install @storybook/addon-designs for embedding Figma frames in stories
and claude2figma skills (preflight, component-rules, style-binding,
reference-interpreter) for enforcing design token compliance when
writing to Figma. Add PostToolUse hook for use_figma QA reminders and
pre-allow Figma MCP + Code Connect tools in settings.json.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Richie
2026-05-21 11:28:15 +10:00
parent b57aab01aa
commit 2205862c2f
9 changed files with 524 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
package-lock.json generated
View File

@@ -20,6 +20,7 @@
"@chromatic-com/storybook": "^5.2.1",
"@eslint/js": "^10.0.1",
"@storybook/addon-a11y": "^10.4.0",
"@storybook/addon-designs": "^11.1.3",
"@storybook/addon-docs": "^10.4.0",
"@storybook/addon-mcp": "^0.6.0",
"@storybook/addon-vitest": "^10.4.0",
@@ -916,6 +917,27 @@
"node": "^20.19.0 || ^22.13.0 || >=24"
}
},
"node_modules/@figspec/components": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/@figspec/components/-/components-2.1.0.tgz",
"integrity": "sha512-PFKBX2oFz+vhThKTNsu7Mh4ZT3X7YCiM694UkAMT36j/p0tdmXs9Je0Sf88stTEcMgwYvNv9TZtvniYmgaE+bw==",
"dev": true,
"license": "MIT"
},
"node_modules/@figspec/react": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/@figspec/react/-/react-2.0.1.tgz",
"integrity": "sha512-xflqJ3XQZVzm8+7dsm8OFxVAmBNNA3Mg65sqwNHiq7VRSMSD7qwH4BPsBy07ZaX+9nHeaacBpFZd3Q0aIsISqw==",
"dev": true,
"license": "MIT",
"dependencies": {
"@figspec/components": "^2.0.1",
"@lit-labs/react": "^2.0.0"
},
"peerDependencies": {
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
}
},
"node_modules/@fontsource-variable/public-sans": {
"version": "5.2.7",
"resolved": "https://registry.npmjs.org/@fontsource-variable/public-sans/-/public-sans-5.2.7.tgz",
@@ -1056,6 +1078,26 @@
"@jridgewell/sourcemap-codec": "^1.4.14"
}
},
"node_modules/@lit-labs/react": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/@lit-labs/react/-/react-2.1.3.tgz",
"integrity": "sha512-OD9h2JynerBQUMNzb563jiVpxfvPF0HjQkKY2mx0lpVYvD7F+rtJpOGz6ek+6ufMidV3i+MPT9SX62OKWHFrQg==",
"dev": true,
"license": "BSD-3-Clause",
"dependencies": {
"@lit/react": "^1.0.3"
}
},
"node_modules/@lit/react": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/@lit/react/-/react-1.0.8.tgz",
"integrity": "sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==",
"dev": true,
"license": "BSD-3-Clause",
"peerDependencies": {
"@types/react": "17 || 18 || 19"
}
},
"node_modules/@mdx-js/react": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.1.tgz",
@@ -2125,6 +2167,33 @@
"storybook": "^10.4.0"
}
},
"node_modules/@storybook/addon-designs": {
"version": "11.1.3",
"resolved": "https://registry.npmjs.org/@storybook/addon-designs/-/addon-designs-11.1.3.tgz",
"integrity": "sha512-AK+ij478Y6S16TCNPwm7H90OipVe2wZApOlHjC6qDvMW61zyd4yP1icrRtjehSadw5SCoz8HcAmIYfQCOY6E4A==",
"dev": true,
"license": "MIT",
"dependencies": {
"@figspec/react": "^2.0.0"
},
"peerDependencies": {
"@storybook/addon-docs": "^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0",
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"storybook": "^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0"
},
"peerDependenciesMeta": {
"@storybook/addon-docs": {
"optional": true
},
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/@storybook/addon-docs": {
"version": "10.4.0",
"resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.4.0.tgz",