← All skill packs

UI Design & Frontend Skills

Skill pack
3 skills0 selected
yukikitaikeSkills in this pack

Flutter/Dart 実践 Tips とコーディング規約。Dart 3.10+ dot shorthand・ switch パターンマッチング・専用ウィジェット・マジックナンバー排除・ 宣言的リスト・テスト品質・lint 設定・型プロモーションのためのローカル変数化・ String index アクセス回避など 23 項目。…

Japanese

pubdevviewer の Freezed + jsonserializable モデルパターン。 データモデル・APIレスポンスクラス・UIステートクラスを作成・編集する際に使用。 「モデルを作って」「Freezed」「fromJson」「State クラス」と言われたときに参照。…

Japanese

pubdevviewer のデザイントークン・テーマ・Widget パターン。 スクリーン・カード・リストタイル・スケルトンローダー等の UI コンポーネントを 作成・編集する際に使用。「画面を作って」「UI」「デザイントークン」「テーマ」 「Widget」と言われたときに参照。AppSpacing/AppRadius/AppThemeTokens…

Japanese

Includes Flutter Tips, Pubdev Models, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills3CategorygeneralStars0

What’s included

Flutter Tips

Flutter/Dart 実践 Tips とコーディング規約。Dart 3.10+ dot shorthand・ switch パターンマッチング・専用ウィジェット・マジックナンバー排除・ 宣言的リスト・テスト品質・lint 設定・型プロモーションのためのローカル変数化・ String index アクセス回避など 23 項目。 コード追加・レビュー・リファクタリング時に参照。

Pubdev Models

pubdevviewer の Freezed + jsonserializable モデルパターン。 データモデル・APIレスポンスクラス・UIステートクラスを作成・編集する際に使用。 「モデルを作って」「Freezed」「fromJson」「State クラス」と言われたときに参照。 このアプリで使われている具体的な規約とコード例を提供する。

Pubdev UI

pubdevviewer のデザイントークン・テーマ・Widget パターン。 スクリーン・カード・リストタイル・スケルトンローダー等の UI コンポーネントを 作成・編集する際に使用。「画面を作って」「UI」「デザイントークン」「テーマ」 「Widget」と言われたときに参照。AppSpacing/AppRadius/AppThemeTokens の使い方を提供する。

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Flutter Tips skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: MIT. The author’s terms apply.
UI Design & Frontend Skills | Agent Skills Atlas