Improve layout composition, spacing systems, grouping, and visual rhythm. Use when the user mentions weak layout structure, arbitrary spacing, weak grouping, crowded composition, or layout monotony rather than priority/emphasis problems.
日本語の概要は準備中です。原文の説明を表示しています。
aladicf/better-react-web-ui☆ 22026年9月8日 更新
Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI components, designing layouts, creating mockups, or implementing visual designs.
日本語の概要は準備中です。原文の説明を表示しています。
itsimonfredlingjack/codex-dev-plugin☆ 22026年2月5日 更新
You are a GitHub issue resolution expert specializing in systematic bug investigation, feature implementation, and collaborative development workflows. Your expertise spans issue triage, root cause analysis, test-driven development, and pull request management. You excel at transforming vague bug reports into actionable fixes and feature requests into production-ready code.
日本語の概要は準備中です。原文の説明を表示しています。
itsimonfredlingjack/codex-dev-plugin☆ 22026年2月5日 更新
Search for new services and make paid API requests using the x402 payment protocol. Use when you don't have a clear tool to choose, search the bazaar. You can also use this tool if you or the user want to call an x402 endpoint, discover payment requirements, browse the bazaar, or search for paid services.
日本語の概要は準備中です。原文の説明を表示しています。
johnalbertini14-glitch/openclaw-skills☆ 22026年2月26日 更新
Publish a static site (a folder of HTML/CSS/JS/images/fonts) to Cloudflare and get back a live, shareable URL in seconds. Use when you have a finished static page or site and need to hand someone a link they can open on any device — reports, mockups, one-off landing pages, AI-generated HTML, "give me a link I can share". Runs one packaged command (references/deploy.mjs) built on the Wrangler CLI, which is what Cloudflare's own agent guidance tells agents to use. Deploys permanently to your Cloudflare account when credentials are present, or as a 60-minute claimable preview when they are not — and says plainly which one you got. Bakes an expiry countdown into previews (matched to the real 60-minute limit; --ttl to shorten it), and supports optional server-side six-digit access-code protection with -otp for permanent links only. Unprotected delivery may fall back to a file; protected delivery fails closed.
日本語の概要は準備中です。原文の説明を表示しています。
ofoxai/skills☆ 22026年9月22日 更新
Design and build beautiful, accessible graphical interfaces — web, desktop (Electron/Tauri), and native (iOS/macOS/Android). Use for visual hierarchy and layout, color and theming (light/dark, semantic tokens, WCAG contrast), typography systems, motion and micro-interactions, accessibility, component systems and design tokens, responsive/adaptive layout, and platform-native idioms. The GUI counterpart to beautiful-cli-design. NOT for terminal/CLI output (use beautiful-cli-design) or API/data schemas.
日本語の概要は準備中です。原文の説明を表示しています。
curiositech/port-daddy☆ 22026年10月12日 更新
作成済みの実装計画を、同じセッションでタスクごとに実行します。テストの失敗と成功、進捗や判断を記録し、最後にブランチ全体をレビューするスキルです。
- 作成済みの開発計画を実装したいとき
- 実装用の別エージェントなしで進めたいとき
- 進捗記録から作業を再開したいとき
obra/superpowers☆ 29.9万2026年10月10日 更新
新しい機能や企画を作り始める前に、対話で目的や希望、制約を整理します。必要に応じて図や試作品で認識を確かめ、作業の規模に合った設計をまとめるスキルです。
- 新機能の目的を明確にしたいとき
- 講演や事業のアイデア整理
- 画面や部屋の配置を見比べたいとき
obra/superpowers☆ 29.9万2026年10月10日 更新
アイデアの整理、実装、不具合調査など、状況に合う関連スキルと使う順序を案内します。作業の規模や段階に応じて、次に進む手順を選ぶための相談役です。
- アイデアから実装までの手順選び
- 不具合調査の始め方を知りたいとき
- 複数回に分ける開発の進め方を相談
mattpocock/skills☆ 29.1万2026年10月13日 更新
ユーザーや状況に合う上位候補を選ぶ推薦・ランキング処理を、候補取得から採点、選択、記録までの6段階で設計し、動くコードのひな形にするスキル。
- 個人向けコンテンツ配信の設計
- 検索やRAGの結果を並べ替えたいとき
- タスクの優先順位付け
affaan-m/ECC☆ 27.9万2026年10月12日 更新
Webサイトや業務画面の目的・利用者に合うデザイン方針を定め、文字・配色・レイアウト・動きを整えます。既存の部品を生かし、画面幅ごとの表示も確認します。
- 動く業務画面の見た目を整えたいとき
- 新しいサイトのデザイン方針を決めたいとき
- モバイル表示や長いラベルを改善したいとき
affaan-m/ECC☆ 27.9万2026年10月12日 更新
発表用のメモやPowerPointから、ブラウザで動くHTMLスライドを作ります。見本でデザインを選び、画面に収まるレイアウトとアニメーションを整えます。
- 登壇や社内報告のスライド作成
- PowerPointをHTML化したいとき
- 見本から資料のデザインを選びたいとき
affaan-m/ECC☆ 27.9万2026年10月12日 更新
公開前のWeb画面をブラウザで操作し、フォームや認証、3つの画面幅での表示差分、速度指標、アクセシビリティを点検して、公開可否と修正点をまとめます。
- ステージングの新機能を検証したいとき
- 公開前にフォームと認証を確認したいとき
- 3つの画面幅で表示を比較したいとき
affaan-m/ECC☆ 27.9万2026年10月12日 更新
スクロールに合わせて映像や演出が進むランディングページを制作します。見せる順序や感情の変化を設計し、HTML実装から各位置の画面検証まで進めるスキルです。
- スクロールで動画が進むLPを作りたいとき
- 場面の変化でブランドを紹介したいとき
- 手持ちの写真や映像でページを作りたいとき
NousResearch/hermes-agent☆ 25.4万2026年10月14日 更新
画面デザインの方向性を比べるため、操作できるHTMLの試作を2〜3案作ります。レイアウトや情報量の違いを見比べ、各案の長所と弱点から採用案を検討します。
- 実装前に画面レイアウトを比較
- 情報量と余白の違いを試したいとき
- フィルターやパネル操作の試作
NousResearch/hermes-agent☆ 25.4万2026年10月14日 更新
YouTube transcripts to summaries, threads, blogs.
日本語の概要は準備中です。原文の説明を表示しています。
NousResearch/hermes-agent☆ 25.4万2026年10月14日 更新
ランディングページやスライド、操作できる試作品をHTMLで制作します。既存の資料や画面をもとに、構成や見た目の案を比較し、表示や動作を確認します。
- ブランド資料からLPを作りたいとき
- 製品の操作手順を試作したいとき
- HTMLでプレゼン資料を作りたいとき
NousResearch/hermes-agent☆ 25.4万2026年10月14日 更新
Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack)
日本語の概要は準備中です。原文の説明を表示しています。
garrytan/gstack☆ 13.6万2026年10月14日 更新
Use for Codex models/pricing, scheduled tasks, skills, settings, setup, troubleshooting, customization, automations, and self-knowledge—including 'you,' 'your,' 'this app,' or 'this coding agent' when they refer to Codex—and for OpenAI APIs/products and ChatGPT Work. Also use for model choice/migration, prompting, SDKs, Responses, Realtime, agents, evals, and Chat/Work/Codex comparisons. Do not use for generic app/software tasks that merely mention Codex.
日本語の概要は準備中です。原文の説明を表示しています。
openai/codex☆ 12.9万2026年10月14日 更新
Conducts multi-axis code review. Use before merging any change. Use when reviewing code written by yourself, another agent, or a human. Use when you need to assess code quality across multiple dimensions before it enters the main branch. Use when asked to review a diff or a pull request, even when the diff is pasted inline.
日本語の概要は準備中です。原文の説明を表示しています。
addyosmani/agent-skills☆ 10.7万2026年10月14日 更新
Prepares production launches. Use when preparing to deploy to production, or when asking what needs to be in place before shipping. Use when you need a pre-launch checklist, when setting up monitoring, when planning a staged rollout, or when you need a rollback strategy.
日本語の概要は準備中です。原文の説明を表示しています。
addyosmani/agent-skills☆ 10.7万2026年10月14日 更新
Grounds every implementation decision in official documentation. Use when you want to verify an approach against the official docs before implementing it, or when you want authoritative, source-cited code free from outdated patterns. Use when building with any framework or library where correctness matters.
日本語の概要は準備中です。原文の説明を表示しています。
addyosmani/agent-skills☆ 10.7万2026年10月14日 更新
Guides systematic root-cause debugging. Use when tests fail, builds break, something that worked yesterday broke, behavior doesn't match expectations, or you encounter any unexpected error. Use when you need to figure out what broke and why — a systematic approach to finding and fixing the root cause rather than guessing.
日本語の概要は準備中です。原文の説明を表示しています。
addyosmani/agent-skills☆ 10.7万2026年10月14日 更新
Instruments code so production behavior is visible and diagnosable. Use when adding logging, metrics, tracing, or alerting. Use when shipping any feature that runs in production and you need evidence it works. Use when production issues are reported but you can't tell what happened from the available data.
日本語の概要は準備中です。原文の説明を表示しています。
addyosmani/agent-skills☆ 10.7万2026年10月14日 更新