📦

design-md

Name: design-md
Author: sickn33

Révision du contenu r1 Sûr ⚙️ Commandes externes🌐 Accès réseau

Créer des guides DESIGN.md pour Stitch

Les équipes de design ont besoin de prompts cohérents pour les projets Stitch. Cette compétence analyse les écrans de projet et produit un guide DESIGN.md avec les couleurs, la typographie, les composants et les règles de mise en page.

Prend en charge: Claude Codex Code(CC)

🥉 78 Bronze

Maintain this Skill? Claim it 🥉 78 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

Review the Skillstore skill "design-md" from https://skillstore.io/skills/sickn33-design-md.md and its manifest at https://skillstore.io/api/skills/sickn33-design-md/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/sickn33-design-md.md manifest signé GET /api/skills/sickn33-design-md/manifest lockfile signé GET /api/skills/sickn33-design-md/lockfile

Tester

Utilisation de « design-md ». Un projet Stitch appelé Furniture Collection avec un écran d'accueil terminé.

Résultat attendu:

Un brouillon DESIGN.md avec l'identité du projet, des couleurs neutres chaleureuses, des titres en serif, des cartes produit et des règles d'espacement.

Utilisation de « design-md ». Un ID de projet et un ID d'écran pour un flux d'onboarding mobile.

Résultat attendu:

Un guide de design axé sur le mobile couvrant les dimensions, les formes de boutons, les styles de champs, la hiérarchie et le langage d'écran réutilisable.

Utilisation de « design-md ». Deux écrans de tableau de bord associés issus du même projet Stitch.

Résultat attendu:

Une référence de design consolidée qui sépare les modèles globaux des choix de mise en page propres à chaque écran.

Audit de sécurité

Sûr

v6 • 09/07/2026 Ouvrir le rapport versionné

The static findings are false positives caused by Markdown code spans, fenced examples, benign documentation URLs, and design-analysis language. No evidence found of shell execution, unauthorized upload, system reconnaissance, prompt injection, or data exfiltration in SKILL.md. The skill does request user-authorized Stitch MCP data and optional URL downloads, so users should provide only projects they are allowed to analyze.

Fichiers analysés

179

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Facteurs de risque

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex Voir l’historique des audits →

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

https://skillstore.io/skills/sickn33-design-md/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-design-md/security.svg)](https://skillstore.io/skills/sickn33-design-md?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/sickn33-design-md?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-design-md/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/sickn33-design-md.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citations académiques (APA · BibTeX · CFF)

Citation APA

sickn33. (2026). design-md security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-design-md/audits/6

Citation BibTeX

@techreport{sickn33-sickn33-design-md-2026,
  author = {sickn33},
  title = {design-md security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/sickn33-design-md/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-md security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/sickn33-design-md/audits/6"
identifiers:
  - type: other
    value: "skillstore:sickn33-design-md:audit:6"
    description: "Skillstore immutable audit report identifier"

Comparer les variantes

2 variantes installables

Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.

Pourquoi cette variante est première

Meilleur score Skillstore

Auteur / source Score Skillstore Niveau de confiance des preuves Utilisation Skillstore Mis à jour

sickn33 Recommandé Actuelle

sickn33-design-md

Score Skillstore 78

Niveau de confiance des preuves Élevé

Utilisation Skillstore 23

Mis à jour

2026-09-09

google-labs-code

google-labs-code-design-md

Score Skillstore 69

Niveau de confiance des preuves Élevé

Utilisation Skillstore 18

Mis à jour

2026-09-09

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé

Architecture

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Documenter des projets existants

Créer un DESIGN.md à partir d'un projet Stitch afin que les futurs écrans conservent les mêmes couleurs, la même typographie et les mêmes règles de mise en page.

Traduire une implémentation UI

Transformer le HTML, les classes Tailwind et les métadonnées d'écran en langage de design que les non-ingénieurs peuvent examiner.

Standardiser les prompts IA

Construire une référence de design réutilisable pour les équipes qui utilisent des prompts Stitch afin de créer des écrans associés.

Essayez ces prompts

Commencer à partir du nom du projet

Utilisez design-md avec mon projet Stitch nommé [project name]. Trouvez le projet, analysez l'écran principal et rédigez DESIGN.md.

Utiliser des IDs connus

Utilisez design-md avec l'ID de projet [project ID] et l'ID d'écran [screen ID]. Documentez les couleurs, la typographie, les composants et les règles de mise en page.

Comparer des écrans associés

Utilisez design-md pour analyser les écrans [screen A] et [screen B] dans le projet [project ID]. Identifiez les règles partagées et séparez les exceptions.

Préparer un guide de prompting réutilisable

Utilisez design-md pour créer un DESIGN.md pour [project]. Priorisez les rôles de couleur sémantiques, le comportement des composants, les principes d'espacement et une formulation prête pour les prompts.

Bonnes pratiques

Fournissez les IDs de projet et d'écran lorsqu'ils sont disponibles afin de réduire les erreurs de recherche.
Comparez le langage généré à la capture d'écran réelle avant de le réutiliser.
Analysez plusieurs écrans lorsque le projet présente des mises en page variées.

Éviter

N'analysez pas de projets sans l'autorisation du propriétaire.
Ne considérez pas un seul écran inachevé comme un système complet.
Ne supprimez pas les valeurs de couleur exactes du guide final.

Foire aux questions

Que crée cette compétence ?

Elle crée un guide de type DESIGN.md qui décrit le système de design d'un projet Stitch dans un langage prêt pour les prompts.

Nécessite-t-elle un accès à Stitch MCP ?

Oui. Elle attend l'accès au serveur Stitch MCP pour les données de projet, d'écran et de thème de design.

Peut-elle fonctionner uniquement à partir d'une capture d'écran ?

Une capture d'écran peut fournir du contexte, mais le HTML et les métadonnées produisent une documentation de design plus solide.

Génère-t-elle des écrans d'application ?

Non. Elle prépare une documentation de design qui peut aider les futurs prompts d'écran Stitch à rester cohérents.

Quels outils peuvent l'utiliser ?

Elle est répertoriée pour Claude, Codex et Claude Code.

Quelles données dois-je fournir ?

Fournissez un nom de projet ou des IDs, les écrans cibles et l'autorisation de récupérer les ressources Stitch pertinentes.

Détails du développeur

Auteur

sickn33

Licence

MIT

Révision Skillstore

Avis de version

L’auteur n’a déclaré aucune version.

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/design-md

Réf

3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88

Récence de maintenance

20/07/2026

Utilisation

11 téléchargements · 115 vues

Structure de fichiers

📄 SKILL.md