Starbucks-Design-main
Nink1992/Starbucks-Design-main
This skill guides AI agents through a structured, multi-phase workflow for developing and maintaining design system components and page templates using React and Vue. It enforces strict separation between base components, business components, and page templates while aligning with Figma designs and Arco Design tokens.
51 2No licenseUpdated 2026-08-14
74
GoodOverview
The skill provides a rigorous rule-based framework for component-driven development in a hybrid React and Vue codebase. It establishes explicit task routing, guideline registries, and a phased execution process ranging from read-only analysis and implementation planning to code execution and multi-platform verification. Emphasis is placed on code reuse, design token consistency, style scoping discipline, and cross-framework parity between React and Vue implementations.
Capabilities
- ▸Task classification and guideline routing
- ▸Read-only architectural analysis and impact assessment
- ▸Figma design token and variable alignment
- ▸Cross-framework component development (React and Vue parity)
- ▸Base component, business component, and page template governance
- ▸Controlled style overriding and CSS specificity management
- ▸Multi-phase implementation planning and verification workflow
Best for
Developing or styling base components aligned with Figma variables and Arco Design tokens, Building and extending complex business components with robust state and event contracts, Creating runnable page-level composition examples and templates across React and Vue, Executing structured code modifications following strict architectural boundaries and guideline registries
Works with
Claude CodeCodexChatGPTCursorGitHub Copilot
Evoa Score breakdown= Σ (score × weight)
74Task usefulness20%100 → +20.0
実タスクにどれだけ役立つか（機能の豊富さ・用途の明確さ）。 — AIによるcapabilities/use-cases解析
Code quality15%95 → +14.3
実装・指示の品質。 — AIによるSKILL.md/README解析
Maintenance15%100 → +15.0
リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ
Documentation12%46 → +5.5
ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量
Security15%100 → +15.0
危険・不審な挙動が無いか。 — AIによるセキュリティレビュー
Originality10%85 → +8.5
ありふれたラッパーではない独自性。 — AIによる独自性判定
Popularity8%44 → +3.5
コミュニティの採用度。 — GitHub Stars/Forks（対数スケール）
Compatibility5%100 → +5.0
対応AIエージェントの広さ。 — AIによる対応エージェント判定
Weighted total86.8 / 100
ライセンス不明/制限あり（Red）のSkillは総合スコアに0.85倍の補正を適用します。 ランキングはこのScoreのみで決まり、広告で変わりません。 算出方法の詳細 →
Security considerations
The skill runs entirely within the local repository context and enforces strict adherence to existing APIs and boundaries without introducing unauthorized external dependencies or network calls.
Categories
Summary and analysis are original content generated by AI Skills Rank. The skill's source text is not reproduced here — view it on the linked repository.