用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/Fandhe-AI/template-frontend-react_router --skill create-slice命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
Chakra UI v3 API リファレンス。 コンポーネント, レイアウト, フォーム, オーバーレイ, チャート, テーマ, レシピ, スタイルプロップ, レスポンシブ, ダークモード, ブロック (Chakra UI Pro テンプレート)
Biome (formatter/linter) API リファレンス。 biome.json, biome check, biome lint, biome format, ルール設定, eslint/prettier 移行, suppressions
commitlint (コミットメッセージ検証) リファレンス。 rules, plugins, shareable-config, Husky, CI
基于 SOC 职业分类
正在显示 SKILL.md
| name | create-slice |
| description | Feature Sliced Design (FSD) の新しいスライスを作成する。パッケージ構造、tsconfig、package.json を自動生成する |
| disable-model-invocation | true |
| argument-hint | <layer> <name> (例: features user-profile) |
FSD スライスを新規作成する。
/create-slice <layer> <name>
$ARGUMENTS[0]: レイヤー名(pages, widgets, features, entities)$ARGUMENTS[1]: スライス名(kebab-case、例: user-profile)packages/$0/$1/package.json{
"name": "@repo/$0-$1",
"version": "0.0.0",
"private": true,
"type": "module",
"exports": {
"./*": "./src/*.ts",
"./ui/*": "./src/ui/*.tsx"
},
"dependencies": {
"react": "19.2.4"
},
"devDependencies": {
"@fandhe-ai/shared-config-typescript": "workspace:*",
"@types/node": "22",
"@types/react": "19.2.14",
"typescript": "5.9.2"
},
"scripts": {
"check-types": "tsc --noEmit"
}
}
packages/$0/$1/tsconfig.json{
"extends": "@fandhe-ai/shared-config-typescript/react-library",
"compilerOptions": {
"outDir": "dist",
"strictNullChecks": true
},
"include": ["src"],
"exclude": ["node_modules", "dist"]
}
packages/$0/$1/src/index.tsバレルファイル(空の export)
pnpm install を実行してワークスペースリンクを更新する@types/* パッケージは必ず devDependencies に配置pages, widgets, features, entities 以外の場合はエラーを報告packages/<layer>/* パターンにより、新規スライスは自動的にワークスペースに含まれる