mirror of
https://github.com/affaan-m/everything-claude-code.git
synced 2026-05-18 14:53:05 +08:00
Translate everything-claude-code repository to Japanese including: - 17 root documentation files - 60 agent documentation files - 80 command documentation files - 99 rule files across 18 language directories (common, angular, arkts, cpp, csharp, dart, fsharp, golang, java, kotlin, perl, php, python, ruby, rust, swift, typescript, web) - 199 skill documentation files Total: 455 files translated to Japanese with: - Consistent terminology glossary applied throughout - YAML field names preserved in English (name, description, etc.) - Code blocks and examples untouched (comments translated) - Markdown structure and relative links preserved - Professional translation maintaining technical accuracy This translation expands ECC accessibility to Japanese-speaking developers and teams. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
54 lines
1.5 KiB
Markdown
54 lines
1.5 KiB
Markdown
---
|
|
name: design-system
|
|
description: アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。
|
|
origin: ECC
|
|
---
|
|
|
|
# デザイン システム
|
|
|
|
スケーラブルで保守可能なデザインシステムの構築。
|
|
|
|
## 使用時期
|
|
|
|
- デザインシステムを初期化
|
|
- コンポーネントライブラリを拡張
|
|
- デザインと実装の間の同期を保つ
|
|
- アクセシビリティ標準を強制
|
|
- テーマング実装
|
|
|
|
## コア要素
|
|
|
|
### 1. デザイントークン
|
|
|
|
色、タイポグラフィ、スペーシング、シャドウの中央コレクション。
|
|
|
|
### 2. コンポーネント
|
|
|
|
ボタン、入力、カード、など基本的なUIの再利用可能なビルディングブロック。
|
|
|
|
### 3. レイアウトパターン
|
|
|
|
ページレイアウト、フォーム、グリッド。
|
|
|
|
### 4. アイコン
|
|
|
|
SVGベースのアイコンライブラリ。
|
|
|
|
## ツール
|
|
|
|
- **Figma** 設計ツール
|
|
- **Storybook** コンポーネント展示
|
|
- **Chromatic** ビジュアルテスト
|
|
- **Design tokens** JSON管理
|
|
|
|
## チェックリスト
|
|
|
|
- [ ] トークン定義(色、スペーシング、タイプ)
|
|
- [ ] 基本コンポーネント実装
|
|
- [ ] Storybook設定
|
|
- [ ] アクセシビリティテスト
|
|
- [ ] ドキュメント作成
|
|
- [ ] チーム採用
|
|
|
|
詳細については、ドキュメントを参照してください。
|