Design

Design taxonomy generated by the site skill importer.

44 件のスキル
A
openclaw-persona-forge

作成者 affaan-m

openclaw-persona-forgeは、OpenClawの完全なペルソナパッケージをゼロから構築するための、ワークフロー駆動型スキルです。アイデンティティの緊張感、SOUL.md風のフレーミング、境界ルール、名前の候補、そして必要に応じたアバタープロンプトの指針を生成します。OpenClawのキャラクターデザイン、ロールプレイエージェント、UI Designに隣接するペルソナ作成には向いていますが、既存ペルソナの小さな修正向きではありません。

UI Design
お気に入り 0GitHub 156.2k
A
gan-style-harness

作成者 affaan-m

gan-style-harness は、Agent Orchestration 向けの Generator-Evaluator スキルです。より厳密な批評、精度の高い反復、弱点の少ない実装で、完成度の高いアプリづくりを支援します。フロントエンド中心、フルスタック、または本番品質を重視する作業で、スピードよりレビュー品質を優先したいときに適しています。

Agent Orchestration
お気に入り 0GitHub 156.2k
M
prototype

作成者 mattpocock

prototype skill は、本実装に進む前に、ひとつの具体的な疑問に答えるための使い捨てコードを作るのに役立ちます。ロジック、状態遷移、データ構造、UI の方向性を、リポジトリの規約に沿った実行可能なプロトタイプで検証したいときに使います。完成版の機能ではなく、すばやいプロトタイプの指針が必要な場面に最適です。

Prototypes
お気に入り 0GitHub 66k
L
design-taste-frontend

作成者 Leonxlnx

design-taste-frontend は、ランディングページ、ポートフォリオ、編集系ページ、リデザイン向けのアンチスロップなフロントエンド skill です。依頼内容を読み取り、適切なビジュアルの方向性を推測し、テンプレート感ではなく意図のある интерфェースを仕上げるのに役立ちます。デザインのセンス、階層設計、ブランドとの整合性が重要な Frontend Development に最適です。

Frontend Development
お気に入り 0GitHub 21.7k
P
typeset

作成者 pbakaus

typeset は、フォント選択、階層、サイズ、ウェイト、読みやすさを整えることで、UI のタイポグラフィを改善し、テキストに意図を持たせます。UI Design で、文字がありきたりで一貫性がない、または読み取りにくいときに使うと、迷いの少ない明確な টাইポグラフィ体系を作れます。

UI Design
お気に入り 0GitHub 20.4k
P
shape

作成者 pbakaus

shape は、実装前に構造化されたディスカバリー面談を実施し、デザインブリーフを作成する、計画優先の UI/UX 設計スキルです。ユーザーの課題、制約、方向性を明確にし、そのブリーフを実装へ引き継ぐ用途に使えます。

UI/UX Design
お気に入り 0GitHub 20.4k
P
quieter

作成者 pbakaus

quieterは、うるさく見える、または刺激が強すぎるUIの視覚的な強さを抑えつつ、明瞭さ、階層構造、ブランドの意図は保つためのUIデザイン改善 skill です。親となる `$impeccable` skill の後に使うのが最適で、的を絞った調整を行う前に、強さの原因を見極めるのに役立ちます。

UI Design
お気に入り 0GitHub 20.4k
P
distill

作成者 pbakaus

distill は、ノイズ、弱い情報階層、重複した選択肢を取り除き、画面上の主目的を明確にすることで、煩雑な UI デザインを整理しやすくするスキルです。画面を引き算で見直したいとき、優先順位をより明快にしたいとき、焦点を絞ったシンプル化レビューを行いたいときに適しています。

UI Design
お気に入り 0GitHub 20.4k
P
critique

作成者 pbakaus

critique は、インターフェース、機能、ページ、コンポーネントをUXの観点からレビューするためのスキルです。構造化されたスコアリング、ペルソナ別テスト、ヒューリスティック評価、実行しやすい改善フィードバックを使って、曖昧な感想ではなく再現性のあるレビューを進められます。UI/UX Designで、前提条件が明確な特定領域を絞って評価したい場合に特に適しています。

UI/UX Design
お気に入り 0GitHub 20.4k
P
delight

作成者 pbakaus

delight skill を使って、使いやすさや集中を損なわずに、成功・読み込み中・空状態・オンボーディングの各状態へ、上品なUIの磨き込み、マイクロインタラクション、そしてブランドらしさを加えられます。

UI Design
お気に入り 0GitHub 20.4k
P
clarify

作成者 pbakaus

Clarifyは、わかりにくいUXコピー、エラーメッセージ、ラベル、オンボーディングの手順、各種案内文を改善し、ユーザーが迷わず行動できるようにするスキルです。Technical Writing、サポート向けコンテンツ、UIテキストをより明確にしたいプロダクトチームに適しています。書き換えに入る前に、文脈、対象ユーザー、ユーザーの状態を確認するため、より直接的で具体的かつ使いやすい表現に整えやすいのが特長です。

Technical Writing
お気に入り 0GitHub 20.4k
O
figma-create-new-file

作成者 openai

figma-create-new-file は、下書きに新しい空の Figma Design ファイルまたは FigJam ボードを作成します。use_figma を含む、より深い Figma 操作に入る前の新しい出発点が必要なときに使います。design または figjam、任意のファイル名指定に対応し、必要に応じて whoami でプランアクセスの解決も行えます。

UI Design
お気に入り 0GitHub 18.6k
O
figma

作成者 openai

figma を使って Figma MCP server からデザインの文脈、スクリーンショット、変数、アセットを取得し、Figma node を実装可能な UI 判断へ落とし込みます。Figma URL または node ID があり、デザインからコードへの作業、セットアップ、トラブルシューティングに適した正確な figma の使い方を知りたい場合に最適です。

Design Implementation
お気に入り 0GitHub 18.6k
M
shader-dev

作成者 MiniMax-AI

shader-dev は、ShaderToy 風のリアルタイム表現に使える実用的な GLSL シェーダースキルです。ray marching、SDF シーン、ライティング、パーティクル、流体表現、ポストプロセス、そして UI Design 向けの shader-dev を、汎用的なプロンプトよりも少ない試行錯誤で構築・デバッグしたいときに役立ちます。

UI Design
お気に入り 0GitHub 11.7k
P
brainstorm-ideas-new

作成者 phuryn

brainstorm-ideas-new は、新しいプロダクトコンセプトを PM、デザイナー、エンジニアの視点から具体的な機能アイデアへ落とし込む、発見段階向けの発想スキルです。初期のプロダクト探索、スタートアップのアイデア整理、そして実装前に検証可能な実践的 विकल्पを見つけたい戦略立案で活用できます。

Strategic Planning
お気に入り 0GitHub 11.1k
P
identify-assumptions-existing

作成者 phuryn

identify-assumptions-existing は、既存プロダクトの機能アイデアを、Value・Usability・Viability・Feasibility の観点からリスクの高い前提を洗い出してストレステストするのに役立ちます。PM、デザイナー、エンジニアの視点に加え、Strategic Planning や実装前のリスクレビューに使える devil’s advocate の視点も取り入れます。

Strategic Planning
お気に入り 0GitHub 11k
P
brainstorm-ideas-existing

作成者 phuryn

brainstorm-ideas-existing は、既存プロダクトを対象に、PM・デザイナー・エンジニアの視点からアイデアを発想するためのプロダクト探索 skill です。機会を広げ、有望な方向性を絞り込み、概念を優先順位づけするのに役立ち、プロダクトマネジメントのワークフローや、3者で進めるディスカバリーに適しています。

Product Management
お気に入り 0GitHub 11k
P
wwas

作成者 phuryn

wwas は、ざっくりしたアイデアを Why-What-Acceptance 形式のバックログ項目に落とし込む、要件定義向けのプロンプトスキルです。wwas スキルを使うと、事業背景を整理し、変更内容を明確にし、スプリント対応可能なテスト可能な受け入れ基準まで書けます。

Requirements Planning
お気に入り 0GitHub 11k
P
user-stories

作成者 phuryn

user-stories skill を使って、機能をバックログ投入可能なユーザーストーリーへ変換します。3C、INVEST基準、デザインリンク、テスト可能な受け入れ条件まで整理できるため、ユーザーストーリー作成、機能の分割、Requirements Planning における user-stories を、より明確なスコープと少ない推測で進めたい場合に最適です。

Requirements Planning
お気に入り 0GitHub 11k
P
job-stories

作成者 phuryn

job-storiesスキルを使うと、機能アイデアをJTBD形式のジョブストーリー「When [状況], I want to [動機], so I can [成果].」へ整理できます。バックログ項目の明確化、Requirements Planningでのjob-stories活用、ユーザーの文脈に根ざした受け入れ基準の作成に役立ちます。

Requirements Planning
お気に入り 0GitHub 11k
T
design

作成者 tw93

design スキルは、あいまいな UI 要件を、ページ、コンポーネント、ダッシュボード、スクリーンショットベースの仕上げに対応する本番品質のビジュアル出力へと変えるのに役立ちます。見た目が悪い、わかりにくい、整合性がない、またはビジュアルとしておかしいと感じるときや、バックエンドロジックやデータパイプラインではなく UI Design のためのデザインが必要なときに使います。インストール、使い方、ガードレール、より良い美的判断に関する指針も含まれています。

UI Design
お気に入り 0GitHub 5.1k
G
design-md

作成者 google-labs-code

design-md スキルは Stitch プロジェクトを解析し、画面情報をもとに、レイアウト、トーン、カラー、コンポーネントの言語を一貫させるための意味論的な DESIGN.md を生成します。Design Systems 向けに design-md を使うのは、単なる見た目の要約ではなく、今後の Stitch 生成に向けてプロンプト可能な指針が必要なときです。

Design Systems
お気に入り 0GitHub 5k
T
sharp-edges

作成者 trailofbits

sharp-edges skill は、簡単そうな使い方がかえって不安全な利用につながる API、設定、インターフェースを見つけるのに役立ちます。認証フロー、暗号ラッパー、危険なデフォルト値、null や 0 の意味づけ、誤用されやすい設計判断をレビューする際に使ってください。Security Audit の作業で、一般論のセキュリティ推測ではなく、具体的な“踏み抜きやすい罠”を洗い出したい場合に特に向いています。

Security Audit
お気に入り 0GitHub 5k
D
lean-ux-canvas

作成者 deanpeters

lean-ux-canvas は、Lean UX Canvas v2 を使って、チームがビジネス課題を整理し、仮説を洗い出し、次に何を学ぶべきかを明確にするのに役立ちます。ソリューション検討の前に実践的な lean-ux-canvas ガイドが必要なときの、ワークショップ準備、ステークホルダーとの認識合わせ、初期のプロダクト探索に適しています。

Skill Authoring
お気に入り 0GitHub 4.1k
Design