Communitygithub.com

方向设计:路线图、会议与决策

帮助担任设计负责人:在路线图层面而非单个主题上框定设计需求,规划合适的会议和评审,并构建论据以维护设计观点并在决策中发挥作用,包括在技术导向的组织中。

方向设计:路线图、会议与决策 是什么?

该技能专为设计负责人打造,提供在路线图、会议规划和决策论据构建三个核心领域的实战指南。它强调设计路线图应基于已知产品组合和里程碑独立制定,而非孤立地按功能发布日期规划,并通过信任地平线(现在、接下来、以后)的结构化方式处理不确定性。技能指出,设计会议不应凭空创建,而应从现有仪式(如冲刺评审、季度规划)出发,仅在缺失感确实出现时才建立新的会议,并且会议节奏应随团队成熟度动态调整。在论据构建方面,技能侧重在技术或产品主导的组织中有效发声,要求将设计观点与对方已有的交付、预算或业务截止日期挂钩,预先回应最可能的技术或业务反对意见,并提供可接受的备选方案,从而将决策从“全有或全无”的对抗转化为协商。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marcus-clay/design-skills/tree/main/skills/direction-design

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

方向设计:路线图、会议与决策 是做什么的?

该技能涵盖的内容

三个精准的能力:设计路线图(不同于单个主题的框定)、会议节奏(不同于某个具体工作坊的设计)以及用于决策的论据构建(不同于市场战略解读,后者阐明问题但未构建论据)。

设计路线图

设计路线图基于已知的产品组合及其里程碑来构建,从不孤立进行。它回答的问题与产品路线图不同:它指明设计工作必须何时准备就绪,以免延误后续环节(如在估算前完成原型,在发布新版本前稳定设计系统),而非功能发布的具体日期。

按照信任地平线(现在、接下来、以后)进行结构化,避免在技术依赖关系确认前确定固定日期。明确指出路线图中哪些部分依赖于不属于设计团队的决策(如产品决策、技术约束),而不是将其呈现为完全由设计团队可控。

会议节奏

从实际已有的仪式(冲刺评审、季度规划、设计系统委员会、演示)出发,而非理想化的治理日历。会议只有在缺失已实际感受到时才创建,而非提前预设。

对每个会议,明确说明谁必须参加以及原因。会议随团队成熟度演变:如果设计团队结构化,拥有自己的任务板、目标和指标,那么会议节奏也会随之调整。过早固定的节奏会成为障碍。

决策与论据

在组织实际运作中导航、论证并在决策中发挥作用,包括真实的力量对比,尤其是在技术或产品主导决策时。

一个优秀论据包含三个要素:

  • 将其与对方已经认可的约束或目标(交付、预算、业务截止日期)挂钩,而非仅对设计有意义的设计原则。
  • 预测最可能的技术或业务反对意见,并基于对主题的实际了解(交付约束、业务重点、进展状况)在问题提出前予以回应。
  • 提供可接受的备选方案,而非单一的全有或全无选择。这能将决策转化为协商。

只基于经过验证的数据构建论据。任何不确定的数字或事实都会在讨论时削弱整个论据:写下“待确认”的成本远低于在一个可验证点上被抓住把柄。

准备辩论的论据格式

  1. 所辩护的立场,用一句话表达。
  2. 不接受该立场所需付出的代价,用对方的话语(交付、预算、风险、截止日期)表述。
  3. 最可能的反对意见,以及已准备好的回应。
  4. 如果不接受完整立场,提供一种备选方案。

Individual skills in this repo

This repo contains 10 individual skills — each has its own dedicated page.

brand-system

Système de marque sobre et éditorial, fourni comme marque par défaut : palette bleue sur fond clair, typographie Inter, dégradé doux, boutons en pilule, cartes à ombre légère, icônes Phosphor. Appliquer à tout livrable (présentation, document, page, artefact web) quand aucune autre charte n'est donnée, ou s'en servir comme modèle à remplacer par la charte d'un projet. À combiner avec `slides` (mises en page) et `pptx` (génération du fichier). Déclencher dès qu'on demande une mise en forme soignée, une identité visuelle, des tokens de design, ou un livrable client à l'aspect professionnel.

card-illustrations

Use when asked for an illustration, a thumbnail or a card picture for a card in a grid of content, such as a library of resources (guide, template, deck, article), when a set of cards needs one consistent treatment, or when product screenshots are shared as a reference for card illustrations. Two modes, "noir et blanc" (ink accent) or "accent couleur" (ten-hue palette), chosen by the argument or the wording of the request.

drawing-animated-diagrams

Use when a page needs an explanatory diagram (process, timeline, flow, structure, before/after) as an SVG React component that draws itself as it scrolls into view, in a minimalist ink-and-grey style, for a Next.js or React site. Also when asked for a "diagramme animé", "schéma qui se dessine".

marker-sketch

Dessine n'importe quelle idée, description, flux, architecture, organisation, wireframe ou scène sous forme de croquis au feutre sur papier à points (SVG noir, blanc, gris, ombres portées, un accent rare), de façon rapide et toujours avec la même construction. Quatre modes, Croquis (réponse directe), Live (réunion, atelier, échange oral), Atelier (schéma dense, mise en page automatique), Interactif (évolution maintenant, ensuite, plus tard, éléments déplaçables, formes qui changent). À utiliser dès qu'on demande un schéma, diagramme, flow, croquis, sketch, illustration, wireframe, maquette rapide, carte mentale, vue d'ensemble dessinée, "montre-moi", "dessine", "visualise", "schématise", ou une illustration animée ou interactive d'une évolution. Utiliser même si l'utilisateur ne parle pas de style : ce style est le défaut.

personal-os

OS personnel avec Claude Code. À utiliser pour créer ou faire évoluer un second cerveau (un « brain »), un dossier de fichiers Markdown qui sert de mémoire et de tableau de bord à Claude Code. Déclencher quand on veut structurer son travail, traiter une inbox (comptes rendus, transcriptions, notes), mettre en place des règles d'ingestion, des agents, des commandes ou des vues générées, préparer un 1:1, tenir un registre de décisions, ou propager un changement dans tous ses contenus.

ship-to-show

Framework en 7 phases pour transformer un prototype en case study portfolio avec vidéos animées, contenu narratif bilingue et pack d'intégration. Déclencher quand l'utilisateur veut documenter un prototype, créer un case study, produire des vidéos de démonstration d'une interface, ou publier un projet dans un portfolio. Entrée : un fichier de code ou un prototype. Sortie : case study complet publié avec vidéos.

signal-research

Scans current signals across UI/UX, product design, design strategy, AI-assisted workflows, the design toolchain, B2B/B2G/SaaS design, AI regulation and process automation, then generates content angles calibrated to the user's own positioning. Use when the user asks for content ideas, wants to know what is trending or debated in design, product or AI, needs an editorial plan, or names a topic to write about (search first, then differentiate).

slides

Système de création de présentations et de slides : tokens de design, catalogue de quinze mises en page, structure narrative et conventions de rédaction des titres. Appliquer à tout output de type deck, pitch, présentation client, keynote, support de formation ou rapport visuel. Déclencher dès que la demande implique des slides, un deck, une présentation PowerPoint, Google Slides, ou tout support visuel multi-pages. Prend la priorité sur une skill de génération de fichiers (pptx) pour les choix visuels et stylistiques : celle-ci gère la technique, slides gère les tokens, la structure narrative et les mises en page.

socle

Framework de création de projet digital en 5 étapes : Structurer, Outiller, Construire, Livrer, Élargir. Appliquer systématiquement au démarrage de tout nouveau projet web, app, SaaS, ou outil interne. Déclencher dès que l'utilisateur mentionne un nouveau projet, un MVP, un prototype, un produit à construire, une app à développer, ou demande comment organiser le développement d'un produit. Également pertinent quand l'utilisateur a une idée de produit et veut passer à la réalisation, ou quand il se demande par où commencer. Ce skill prend la priorité sur les approches ad-hoc ou les scaffoldings improvisés.

ux-et-design-thinking

Apporte un regard de méthodologie UX, de cycle de design et de design thinking sur un parcours, un écran ou une proposition de conception : logique Jobs-to-be-Done, ergonomie d'interface, cohérence de parcours (customer journey), avec prise de hauteur plutôt que jugement esthétique. Déclencher dès qu'on demande un avis de conception, qu'on veut challenger un écran ou un parcours, ou qu'on réfléchit à une approche méthodologique UX.

相关技能