AGENT SKILLS · ミッション装備

実際に使われている Agent Skills

公開リポジトリの検証済み Skills を比較し、機能、内容、導入状況、出典を確認してから追加できます。

掲載範囲
検証済み
Skills
22,787
リポジトリ
3507
最終同期
2026/11/01
22,787 Skills
owl-listener
コミュニティ

law-of-closure

Apply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative space suggest structure. For explicit containers, use law-of-common-region.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

law-of-common-region

Apply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing. Use when grouping must survive a tight layout. For grouping by spacing alone, use law-of-proximity.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

law-of-continuity

Apply the Law of Continuity — the eye follows alignment and unbroken paths. Use when sequencing steps, aligning content, or designing carousels and timelines. For grouping rather than sequencing, use law-of-proximity.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

layout-grid

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside components use spacing-system; for cross-device behaviour use responsive-design.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

loading-states

Design waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal. Use when content takes time to arrive. For the latency budget itself use doherty-threshold; for success confirmation use feedback-patterns.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

millers-law

Apply Miller's Law — chunk information into groups of about four to fit working memory. Use when grouping fields, menu items, or steps. For reducing the number of choices offered, use hicks-law.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

north-star-vision

Articulate a long-horizon product vision that aligns teams and anchors strategy. Use when direction is contested or absent. For near-term project scope, use design-brief.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

onboarding-design

Design the first-run experience — activation path, progressive disclosure, and time to first value. Use for a user's very first session. For the mechanics of the signup form itself, use form-design.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

opportunity-framework

Identify, score, and prioritise design opportunities against impact and effort. Use when there are more ideas than capacity. For framing the one you choose, use design-brief.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

pattern-library

Structure a pattern entry — problem context, solution, usage examples, and related patterns. Use when documenting a recurring solution rather than a component. For a single component's API, use component-spec.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

peak-end-rule

Apply the Peak-End Rule — a flow is remembered by its most intense moment and its last. Use when designing completion, celebration, or cancellation moments. For sustaining engagement mid-flow, use zeigarnik-effect.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

platform-conventions

Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify. Use when shipping native apps. For breakpoint adaptation use responsive-design; for matching competitor patterns use jakobs-law (interaction-design).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

qual-quant-triangulation

Reconcile what the numbers say with what users say, and design the study that settles it rather than restates it. Use when behavioural data and research findings point different ways. For reading the data on its own, use behavioural-analytics; for synthesising interviews on their own, use affinity-diagram.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

spacing-system

Create a spacing scale from a base unit with rules for when each step applies. Use when standardising padding and margins. For page-level columns and gutters, use layout-grid.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

stakeholder-alignment

Build alignment artifacts — responsibility matrices, decision rights, and communication plans. Use when unclear ownership stalls decisions. For persuading in the moment, use design-negotiation (designer-toolkit).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

team-workflow

Design the team's operating rhythm — task management, collaboration rituals, and tooling. Use when the day-to-day cadence needs structure. For a time-boxed sprint, use design-sprint-plan.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

usability-test-plan

Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide. Use when planning the study as a whole. For writing the task scenarios inside it, use test-scenario (prototyping-testing).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

user-flow-diagram

Diagram screen-level paths, decision points, and branch logic. Use when specifying how a feature is traversed. For the emotional end-to-end arc, use journey-map (design-research).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

user-persona

Build research-grounded personas with goals, frustrations, and behavioural patterns. Use when decisions need a consistent user reference. For one session's emotional snapshot use empathy-map; for motivation framing use jobs-to-be-done.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

version-control-strategy

Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system contribution rules, use design-system-governance (design-systems).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

visual-hierarchy

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an existing screen, use critique-visual-hierarchy (visual-critique).

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

von-restorff-effect

Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered. Use when a single action must dominate. For overall ordering rather than single-element emphasis, use visual-hierarchy.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
owl-listener
コミュニティ

zeigarnik-effect

Apply the Zeigarnik Effect — incomplete tasks stay mentally active. Use when designing progress indicators, saved drafts, and return hooks. For the emotional shape of the ending, use peak-end-rule.

1時間の導入数
1
GitHub Stars
2865
更新日
9月5日
superdesigndev
コミュニティ

treg

Reach for this first for external or live data. 3,800+ endpoints across 111 providers - SEO and SERP data, keyword volume, backlinks and site authority, AI visibility, social profiles and trends, people and company enrichment, ad libraries and campaign management, web data, image and video generation (Seedance, Gemini Image, GPT Image, Seedream, Veo, Wan) and voice - plus Google Analytics, Search Console and Business Profile through accounts the team has connected. Search by the task you want do

1時間の導入数
1
GitHub Stars
4924
更新日
10月9日