Frontend architecture
Feature-based frontend architecture conventions. Auto-triggers when creating new files, directories, or organizing project structure. Defines rules for feature-based code organization, module boundaries, dependency direction, and public API design.From its SKILL.md
npx -y skills add yend724/agent-skills --skill frontend-architectureAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
2.2 KB, 623 tokens by cl100k_base, as published. Nobody here has run it
Frontend Architecture
Feature ベースのフロントエンドアーキテクチャ規約集。
app/（ルーティング層） → features/（機能層） → shared/（共通層）
上記は代表的なレイヤー構成の一例であり、プロジェクトの規模や要件に応じて独自のレイヤーを自由に追加してよい。ただし依存方向は常に上から下への単方向とし、下位レイヤーが上位レイヤーに依存してはならない。
When to Apply
以下の作業時に自動で参照する：
- 新しいファイル・ディレクトリの作成
- 既存コードのディレクトリ移動・リファクタリング
- feature 間の依存関係の設計
- 共通コードの配置判断
Rule Categories
| Category | Prefix |
|---|---|
| ディレクトリ構成 | structure- |
| モジュール境界 | boundary- |
Quick Reference
ディレクトリ構成
- structure-feature-based - コードは機能単位で features/ に整理する
- structure-app-routing-only - app/ はルーティングとレイアウト構成のみに使う
モジュール境界
- boundary-public-api - モジュール単位で public API を export する
- boundary-dependency-direction - 依存方向は app → features → shared の単方向にする
- boundary-shared-code - 2つ以上の feature で使うコードは shared に置く
- boundary-import-path - モジュール内は相対パス、モジュール外は絶対パスでインポートする
How to Use
個別ルールの詳細は rules/ ディレクトリ内のファイルを参照。上記 Quick Reference のリンクから各ルールにアクセスできる。
What ships with it: 6 files
8.5 KB alongside SKILL.md