Nützliche Agent Skills nach echter Nutzung sortiert

color-system

Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use dark-mode-design; for chart palettes use data-visualization; for multi-brand token architecture use theming-system (design-systems).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

conversational-ux

Design voice and conversational interfaces — dialog flows, error recovery, and persona. Use when the interface speaks and listens rather than being tapped. For graphical input collection, use form-design.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

critique-affordance

Critique a rendered screen's affordances — what looks clickable, state visibility, CTA clarity, and action discoverability. Use when reviewing an existing screen. For sizing and positioning targets in new work, use fitts-law (interaction-design).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

critique-brand-consistency

Critique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are checking compliance. For defining the visual language itself, use illustration-style (ui-design).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-brief

Write a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific project. For long-horizon aspiration use north-star-vision; for reusable decision rules use design-principles.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-impact-reporting

Communicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the first place, use metrics-definition (ux-strategy).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-negotiation

Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the commercial vocabulary behind it, use business-design (ux-strategy).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-principles

Define actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep getting relitigated. For a single project's framing, use design-brief.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-review-process

Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use design-critique.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-system-adoption

Create adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams ignore it. For contribution and versioning rules, use design-system-governance (design-systems).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

design-token

Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishing the token layer. For auditing existing usage use design-token-audit (designer-toolkit); for multi-brand mapping use theming-system.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

diary-study-plan

Design a diary study — prompts, cadence, duration, participant criteria, and analysis frame. Use when behaviour unfolds over days or weeks. For a single-session study, use usability-test-plan.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

empathy-map

Build a Says, Thinks, Does, Feels map for one user or segment. Use when sharing user understanding quickly. For a composite archetype with goals and behaviours use user-persona; for cross-session themes use affinity-diagram.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

heuristic-evaluation

Run an expert review against Nielsen's heuristics and domain criteria, with severity ratings. Use when you need findings without recruiting participants. For a facilitated team feedback session, use design-critique (design-ops).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

jakobs-law

Apply Jakob's Law — users expect your product to work like the others they already use. Use when deciding whether to innovate on a familiar pattern. For OS-mandated conventions specifically, use platform-conventions (ui-design).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

law-of-figure-ground

Apply the Law of Figure-Ground — establish which layer is foreground and actionable versus background. Use when designing modals, overlays, and depth. For emphasising one element among peers, use von-restorff-effect.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

law-of-proximity

Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue. Use when spacing alone must carry grouping. For grouping via containers use law-of-common-region; via shared appearance use law-of-similarity.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

law-of-similarity

Apply the Law of Similarity — shared colour, shape, or size signals that elements belong to one category. Use when signalling relationships across distance. For grouping by position, use law-of-proximity.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

micro-interaction-spec

Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes. Use when handing a single interaction to engineering. For motion craft alone use animation-principles; for multi-state components use state-machine.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

naming-convention

Establish naming rules for components, tokens, and layers with patterns and worked examples. Use when names are inconsistent or being set. For what the tokens actually contain, use design-token.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

navigation-patterns

Select and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks. Use when choosing how users move between sections. For the underlying content structure, use information-architecture (ux-strategy).

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

parallel-concepts

Build several genuinely different solutions to the same problem at once, spread across what the user does rather than how it looks. Use when one direction is on the table and the team is about to refine it by default. For choosing between the concepts afterwards, use concept-selection.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

presentation-deck

Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use case-study; for the written argument use design-rationale.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.

prototype-strategy

Choose prototype fidelity and method to match the design question and the decision at stake. Use before building a prototype. For what to test once it exists, use test-scenario.

Installationen / 1h: 3
GitHub Stars: 3209
Aktualisiert: 5. Sept.