Aller au guide d’utilisation
Design Flowpar julianoczkowski

Design Flow Skill.

Guidez un projet de design par des phases explicites et des livrables enregistrés.

  • Processus de design
  • Revue
Revue de la source · design-flowSKILL.md
Tâche Guidez un projet de design par des phases explicites et des livrables enregistrés. Résultats Brief, architecture de l’information et tokens propres à la fonctionnalité, selon les besoins. Avant de commencer L’orchestrateur dépend des skills nommés et de leurs instructions complètes.
Résumé éditorial · source examinée le 2026-11-02 · ce n’est pas un exemple généré

01 Fonctionnement

Guidez un projet de design par des phases explicites et des livrables enregistrés

Suivez un parcours guidé des questions de design et de l’architecture de l’information aux tokens, tâches et réalisation ; la revue se demande séparément.

Flux de travail fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

Design Flow orchestre les skills de design complémentaires dans un ordre défini. Il commence par des questions de clarification, consigne un brief, développe l’architecture de l’information, établit les tokens et transforme le brief en tâches réalisables. Le frontend est ensuite implémenté selon cette liste. Chaque étape a un résultat explicite et une transition confirmée par le designer.

Le processus est conçu pour reprendre après interruption. Les livrables d’une fonctionnalité sont regroupés sous .design, ce qui permet de continuer à la prochaine étape incomplète. La revue de design est une étape distincte, demandée après réalisation : terminer le parcours ne prouve pas qu’une revue visuelle a été validée.

Livrables attendus

  • Brief, architecture de l’information et tokens propres à la fonctionnalité, selon les besoins.
  • Une liste TASKS.md ordonnée, suivie pendant l’implémentation frontend.
  • Les composants et pages réalisés, avec les documents de planification enregistrés pour reprendre le travail.
Voir l'exemple de brief

Du brief à la revue

  1. 01
    Choisir les phases nécessaires

    Expliquez l’ensemble du parcours et les étapes pouvant être sautées. Des tokens existants ou un périmètre limité à un composant peuvent éviter du travail inutile.

  2. 02
    Clarifier et enregistrer l’intention

    Exécutez intégralement les skills complémentaires pertinents et gardez brief et architecture dans le même dossier de fonctionnalité. Confirmez chaque phase avant de continuer.

  3. 03
    Transformer l’intention en réalisation

    Générez ou étendez les tokens, créez la liste de tâches et implémentez ses unités successives. Cochez les tâches terminées en obtenant confirmation entre elles.

  4. 04
    Effectuer la revue sur demande

    Exécutez le skill distinct design-review uniquement après la création d’une interface et sur demande de revue. Conservez ses captures et constats avec les autres livrables de la fonctionnalité.

02 Cas d’usage

Quand l’utiliser

L’orchestrateur dépend des skills nommés et de leurs instructions complètes.

Un bon choix

  • Planification d’une fonctionnalitéUn designer souhaite un parcours guidé de l’idée initiale à la réalisation.
  • Projets interrompusLes livrables enregistrés permettent de reprendre en conservant les décisions antérieures.

Limites à vérifier

  • Skills complémentaires requisL’orchestrateur dépend des skills nommés et de leurs instructions complètes.
  • Transitions explicitesLa source attend une confirmation entre les phases, pas une exécution silencieuse de toute la séquence.
  • Revue séparéeLa revue n’est pas automatique et nécessite du code réalisé à examiner.

Éléments à fournir

  • Intention du projetDécrivez fonctionnalité, objectif utilisateur et décisions existantes.
  • Dépôt actuelFournissez composants, tokens et livrables existants de la fonctionnalité.
  • Préférence de processusIdentifiez les étapes déjà terminées ou volontairement sautées.

03 Décisions importantes

Les décisions importantes

  1. Décisions reliées

    Le brief guide architecture, tokens et tâches d’implémentation.

  2. Livrables délimités

    Des dossiers distincts évitent que des fonctionnalités sans rapport écrasent leurs documents.

  3. Reprise claire

    Les livrables existants indiquent où reprendre après une pause.

04 Exemple de brief

Essayez un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Examinez la source et la configuration

Décrivez fonctionnalité, objectif utilisateur et décisions existantes.

Fichier source amont
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md

Le lien ci-dessous ouvre les instructions d’origine. Vérifiez la configuration du dépôt avant utilisation ; ce n’est pas une commande d’installation.

Commencez par un livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise design-flow pour une nouvelle page d’activité d’équipe dans ce dépôt. Inspecte d’abord les dossiers de fonctionnalités .design et nos tokens actuels. Explique la succession des phases et recommande celles à sauter selon l’existant. Garde brief, architecture et tâches ensemble dans un dossier de fonctionnalité. Confirme chaque transition avant de poursuivre et conserve les décisions validées. Pendant l’implémentation, suis la liste de tâches. Laisse la revue de design comme une étape séparée clairement identifiée, sauf si je la demande explicitement pendant le parcours.

Examinez le résultat

Comparez le résultat réel à ces critères observables.

  • Le livrable de chaque phase reflète les décisions de l’étape précédente.
  • La transmission distingue les phases terminées de celles sautées.
  • La revue n’est pas déclarée validée au seul motif que l’implémentation est finie.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

05 Source et licence

Source et licence

Cette page décrit la révision source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
julianoczkowski
Fichier du skill
SKILL.md
Licence
Apache-2.0
Version examinée
2026-11-02 · c259656c76d9
Résumé éditorial de la source
Guidez un projet de design par des phases explicites et des livrables enregistrés.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Tout projet doit-il parcourir toutes les phases ?

Non. La source permet explicitement de sauter les phases inutiles, par exemple l’architecture de l’information pour un seul composant.

Où sont stockés les livrables ?

Ils sont regroupés sous .design/<feature-slug>/ afin que chaque fonctionnalité ait son propre dossier de suivi.

Le parcours lance-t-il automatiquement la revue de design ?

Non. La revue est demandée séparément après la réalisation des composants ou pages.

OpenDesign

Gardez votre brief et votre travail de design au même endroit.

Gardez votre brief, vos sources et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Fichier source amont
https://github.com/julianoczkowski/designer-skills/blob/c259656c76d9758d7ead46b0d2f125cbe84f8665/design-flow/SKILL.md