Communitygithub.com

direction-design

Design 리더십 역할 수행을 지원합니다: 단일 주제가 아닌 로드맵 수준에서 설계 요구사항을 프레임화하고, 적절한 미팅과 리뷰를 계획하며, 디자인 관점을 방어하고 조정에서 영향력을 행사할 수 있는 논거를 구축합니다. 기술 중심 조직에서도 유용합니다. 디자인 로드맵을 준비하거나, 미팅을 만들거나 변경해야 할 때, 또는 우선순위 협상에서 입장을 방어할 때 실행하세요.

direction-design란 무엇인가요?

이 스킬은 디자인 리더가 로드맵 수준에서 설계 요구사항을 프레임화하고, 적절한 미팅과 리뷰를 계획하며, 기술 중심 조직에서도 디자인 관점을 효과적으로 방어할 수 있는 논거 구축을 지원합니다. Claude Code, Cursor, Codex 등 AI 에이전트 플랫폼에서 사용할 수 있습니다. 디자인 로드맵은 개별 주제가 아닌 제품 포트폴리오 전체 맥락에서 구축되며, 신뢰 구간(지금, 다음, 나중)으로 구조화하여 기술 의존성이 확인될 때까지 유연성을 유지합니다. 미팅은 실제 리듬에서 출발하여 필요할 때 생성되고, 팀 성숙도에 따라 진화합니다. 논거는 상대방이 이미 인정한 제약이나 목표에 연결하고, 가장 가능성 높은 반론을 사전에 대응하며, 수용 가능한 대안을 제시하여 조정을 협상으로 전환합니다. 검증된 데이터만 사용하며, 불확실한 수치는 논거 전체를 약화시킬 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marcus-clay/design-skills/tree/main/skills/direction-design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Direction design: 로드맵, 미팅 및 조정

이 스킬이 다루는 내용

세 가지 구체적인 역량: 설계 로드맵(단일 주제 프레임화와 다름), 미팅 리듬(특정 워크숍 설계와 다름), 그리고 조정을 위한 논거 구축(시장 전략적 독해와 다름, 이는 쟁점을 밝힐 뿐 논거를 구축하지 않음).

설계 로드맵

설계 로드맵은 제품 포트폴리오와 그 이정표에서 이미 알려진 것에 기반하여 구축되며, 결코 고립되지 않습니다. 이는 제품 로드맵과는 다른 질문에 답합니다: 후속 작업을 지연시키지 않기 위해 설계 작업이 언제 준비되어야 하는지(견적 전에 목업 준비, 새 버전 전에 디자인 시스템 안정화)를 나타내며, 기능 출시일이 아닙니다.

기술 의존성이 확인될 때까지는 고정된 날짜보다 신뢰 구간(지금, 다음, 나중)으로 구조화하십시오. 로드맵이 디자인에 속하지 않는 결정(제공 조정, 기술 제약)에 의존하는 부분을 명시적으로 표시하고, 전적으로 디자인에서 제어 가능한 것처럼 제시하지 마십시오.

미팅 리듬

이상적인 거버넌스 일정보다는 이미 존재하는 실제 리듬(스프린트 리뷰, 분기 계획, 디자인 시스템 위원회, 데모)에서 출발하십시오. 미팅은 그 부재가 구체적으로 느껴진 후에야 생성되며, 결코 예상하여 만들지 않습니다.

각 미팅에 대해 누가 왜 참석해야 하는지 말할 수 있어야 합니다. 미팅은 팀 성숙도에 따라 진화합니다: 디자인 허브가 작업 보드, 목표, 지표로 구조화되면 리듬도 함께 재조정됩니다. 너무 일찍 고정된 리듬은 장애물이 됩니다.

조정 및 논거

조직이 실제로 작동하는 방식, 실제 권력 관계, 특히 결정이 기술 또는 제품 리더십에 의해 주도되는 상황에서도 탐색하고, 논증하며, 영향력을 행사하십시오.

좋은 논거에는 세 가지 요소가 있습니다:

  • 상대방이 이미 자신의 것으로 인정하는 제약 또는 목표(배송, 예산, 비즈니스 일정)에 연결하고, 디자인만 이해하는 설계 원칙에 연결하지 마십시오.
  • 가장 가능성 높은 기술적 또는 비즈니스적 반론을 예상하고 제기되기 전에 답변하며, 주제에 대해 실제로 알고 있는 것(배송 제약, 비즈니스 쟁점, 진행 상황)에 기반하십시오.
  • 수용 가능한 대안 옵션을 제시하고, 절대 전부 아니면 전무의 단일 선택을 제시하지 마십시오. 이는 조정을 협상으로 전환합니다.

검증된 데이터에만 기반하여 논거를 구축하십시오. 불확실한 숫자나 사실은 논의 시점에 전체 논거를 약화시킵니다: '확인 필요'라고 쓰는 것이 확인 가능한 지점에서 허점을 잡히는 것보다 비용이 적게 듭니다.

방어 준비된 논거 형식

  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.

관련 스킬