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>
68 lines
1.9 KiB
JSON
68 lines
1.9 KiB
JSON
{
|
|
"permissions": {
|
|
"allow": [
|
|
"Bash(npm run dev)",
|
|
"Bash(npm run build)",
|
|
"Bash(npm run storybook)",
|
|
"Bash(npm run lint)",
|
|
"Bash(npx tsc --noEmit)",
|
|
"Bash(npx storybook *)",
|
|
"Bash(npx prettier *)",
|
|
"Bash(npx vitest *)",
|
|
"Bash(node --check *)",
|
|
"Bash(npm install *)",
|
|
"Bash(npm list *)",
|
|
"Bash(npm outdated *)",
|
|
"Bash(git status *)",
|
|
"Bash(git log *)",
|
|
"Bash(git diff *)",
|
|
"Bash(git add *)",
|
|
"Bash(git commit *)",
|
|
"Bash(git branch *)",
|
|
"Bash(git checkout *)",
|
|
"Bash(git push *)",
|
|
"Bash(git pull *)",
|
|
"Bash(git remote *)",
|
|
"Bash(kill %*)",
|
|
"Bash(lsof -i *)",
|
|
"WebSearch",
|
|
"WebFetch(domain:storybook.js.org)",
|
|
"WebFetch(domain:tailwindcss.com)",
|
|
"WebFetch(domain:react.dev)",
|
|
"WebFetch(domain:vitejs.dev)",
|
|
"WebFetch(domain:vite.dev)",
|
|
"WebFetch(domain:github.com)",
|
|
"WebFetch(domain:npmjs.com)",
|
|
"WebFetch(domain:figma.com)",
|
|
"WebFetch(domain:help.figma.com)",
|
|
"WebFetch(domain:developers.figma.com)",
|
|
"WebFetch(domain:developer.mozilla.org)",
|
|
"mcp__figma__whoami",
|
|
"mcp__figma__get_metadata",
|
|
"mcp__figma__get_libraries",
|
|
"mcp__figma__use_figma",
|
|
"mcp__figma__get_screenshot",
|
|
"mcp__figma__search_design_system",
|
|
"mcp__figma__get_variable_defs",
|
|
"mcp__figma__get_design_context",
|
|
"mcp__figma__get_code_connect_map",
|
|
"mcp__figma__add_code_connect_map",
|
|
"mcp__figma__get_code_connect_suggestions",
|
|
"mcp__figma__send_code_connect_mappings"
|
|
]
|
|
},
|
|
"hooks": {
|
|
"PostToolUse": [
|
|
{
|
|
"matcher": "mcp__figma__use_figma",
|
|
"hooks": [
|
|
{
|
|
"type": "command",
|
|
"command": "echo 'QA: Verify style/variable bindings on all returned node IDs.'"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|