Token导航 LogoToken导航TokenDH.com
研究检索external-servicegithub未标认证来源可访问clear审计未展示

architecture-design建筑设计

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

总安装

188

周安装

8

GitHub Stars

公开资料未说明

下载量

66
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:architecture-design(建筑设计)
来源仓库:https://github.com/taira0222/juku-cloud-frontend
仓库路径:skills/architecture-design
安装命令:
npx skills add taira0222/juku-cloud-frontend --skill "architecture-design"
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

AgentSkills.tonpx skills
npx skills add taira0222/juku-cloud-frontend --skill "architecture-design"

简介

辅助前端应用架构设计与组件分层规划。

  • 适用于大型 SPA 或微前端项目的结构优化。
  • 提供路由拆分、状态管理与性能优化建议。
  • 安装命令为 npx skills add taira0222/juku-cloud-frontend --skill "architecture-design"。
  • 应与现有构建工具链集成测试,确保改动可落地。

SKILL.md

Architecture Design Skill

目的

システム全体のアーキテクチャ設計書を作成します。

前提条件

このスキルを実行する前に、以下のスキルが完了している必要があります:

  • prd-writing: docs/product-requirements.md が作成されていること
  • functional-design: docs/functional-design.md が作成されていること

入力

  • docs/product-requirements.md
  • docs/functional-design.md

出力

docs/architecture.md - アーキテクチャ設計書

実行手順

1. 要件の把握

  • PRD(docs/product-requirements.md)を読み込む
  • 機能設計書(docs/functional-design.md)を読み込む
  • プロジェクト制約(技術スタック、開発期間、リソース)を確認する

2. 要件の分析

  • 機能要件をリストアップ
  • 非機能要件(パフォーマンス、セキュリティ、可用性)を抽出
  • ドメインモデル(エンティティとリレーション)を把握

3. アーキテクチャ設計

  • guide.mdの技術選定基準を参照
  • 適切なアーキテクチャパターンを選定
  • template.mdを参照してドキュメントを作成
  • 実際のプロジェクト要件(React 19、Rails API連携、ドメインモデル)を反映

4. 検証

  • 下記の「アーキテクチャ検証チェックリスト」を実施
  • レビューで指摘があれば修正

5. 完成

  • docs/architecture.mdを出力

参照ファイル

  • template.md - アーキテクチャ設計書のテンプレート構造
  • guide.md - 設計書作成時のガイドライン(技術選定やアーキテクチャ図作成の注意点)

アーキテクチャ検証チェックリスト

設計完了後、以下の項目をチェックしてください。

要件との整合性

  • PRDで指定された技術スタック(React 19、Rails API)が反映されている
  • 実際のドメインモデル(LessonNote、StudentTrait、Grade、User)がER図に含まれている
  • 非機能要件(パフォーマンス目標、セキュリティ要件)が設計に反映されている
  • プロジェクト制約(開発期間6ヶ月、限定リソース)を考慮した現実的な設計になっている

技術選定の妥当性

  • 各技術選定に明確な理由が記載されている
  • 代替案とトレードオフが検討されている
  • チームのスキルセットと習熟度が考慮されている
  • 運用負荷とコストが許容範囲内である

アーキテクチャの適切性

  • レイヤー間の依存関係が明確で、適切な分離がされている
  • データフローが可視化され、理解しやすい
  • スケーラビリティ戦略が具体的に記載されている
  • セキュリティ対策(認証、認可、データ保護)が網羅されている

パフォーマンス設計

  • ページロード≤2秒を実現する具体的な手段が記載されている
  • API応答≤500msを実現するキャッシュ戦略がある
  • 同時100ユーザー対応のスケーリング設計がある

図表の品質

  • アーキテクチャ図がMermaid形式で記載されている
  • コンポーネント階層図がある(フロントエンド)
  • データフロー図がある
  • ER図が実際のドメインモデルを反映している

ドキュメントの完全性

  • 必須セクションがすべて記載されている
  • プレースホルダー([選定理由]など)が残っていない
  • バックエンド設計セクションがフロントエンドプロジェクトに適した粒度である
  • 監視・ログ戦略が具体的に記載されている

使い方

このスキルを使用する際は、以下の流れで作業します:

  1. テンプレートの確認: template.mdでドキュメント構造を把握
  2. ガイドラインの理解: guide.mdで作成時の注意点を確認
  3. ドキュメント作成: テンプレートに従ってdocs/architecture.mdを作成
  4. 品質チェック: 上記の「アーキテクチャ検証チェックリスト」で内容を検証

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

04

需要参考平台分布和安装热度时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

mcpjam

31.05%
按下载量换算20

Claude Code

20.95%
按下载量换算14

windsurf

18.07%
按下载量换算12

zencoder

11.76%
按下载量换算8

crush

8.96%
按下载量换算6

cline

3.4%
按下载量换算2

安全审计

暂无安全审计结果可展示。

权限和风险

external-service

该 Skill 可能调用第三方服务、云服务或外部模型 API,使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills