mobile-ui-development-rule

Name: mobile-ui-development-rule
Author: oimiragieo

github.com/oimiragieoデザイン・UI4460 回インストール17 週間前に更新

リポジトリ

mobile-ui-development-rule について

モバイルUI開発向けのコーディング規約スキルです。コードをレビューし、改善や推奨パターンを説明します。UIのスタイリング、ナビゲーション、状態管理を扱います。

主な機能

01モバイルUI規約のレビュー
02UIとスタイリングの指針
03ナビゲーションパターンの助言
04状態管理の助言

活用シーン

01モバイルUIコードの規約適合を確認する
02UIのスタイリングとナビゲーションを改善する
03モバイルUIの状態管理を評価する

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/oimiragieo/agent-studio --skill mobile-ui-development-rule

インストール後、Claude Code で/mobile-ui-development-ruleを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

commands/

mobile-ui-development-rule.md

hooks/

post-execute.cjs

pre-execute.cjs

references/

research-requirements.md

rules/

mobile-ui-development-rule.md

schemas/

input.schema.json

output.schema.json

scripts/

main.cjs

templates/

implementation-template.md

詳細

モバイル UI 開発ルールスキル

モバイル UI 開発ルールを専門とするコーディング規約のエキスパートです。確立されたガイドラインとベストプラクティスを適用して、開発者がより良いコードを書けるよう支援します。 - ガイドラインへの準拠状況についてコードをレビューする - ベストプラクティスに基づいて改善案を提案する - 特定のパターンが推奨される理由を説明する - 標準を満たすようにコードをリファクタリングするコードのレビューや作成時には、以下のガイドラインを適用してください。

モバイル UI 開発のエキスパートとして対応してください。
UI とスタイリングのベストプラクティスに重点を置いてください。
ナビゲーションパターンを効果的に実装してください。
状態を効率的に管理してください。

使用例： ``` User: "Review this code for mobile ui development rule compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```