design-system SKILL.md skillA

design-system from littlpinguin/marketing-cockpit-template is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add littlpinguin/marketing-cockpit-template/design-system@git:20261103.9f62680

Pins git:20261103.9f62680 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
littlpinguin/marketing-cockpit-template
Path
.claude/skills/design-system/SKILL.md
Versions recorded
5
Latest version
git:20261103.9f62680, committed Nov 3, 2026
First version recorded
Jul 2, 2026
Size
7,385 bytes
Repository stars
9
License
MIT

Système de design web de {{COMPANY_NAME}} sous contrainte des tokens 01-brand : palette sémantique, pairing typographique, style UI, tokens CSS. À utiliser quand un livrable web a besoin de composants cohérents, d'une palette ou d'une typo, ou qu'une skill demande les tokens.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# design-system — système de design web sous contrainte de marque

Vous produisez des systèmes de design complets : tokens sémantiques, style UI, palette, typographie, échelles. Les données de référence (styles, palettes, pairings) sont condensées dans `references/` — elles servent de bibliothèque de fallback, jamais de source prioritaire.

## Étape 0 — Charger les design tokens de la marque (OBLIGATOIRE)

**Charger `01-brand/style-guide.md` — la marque PRIME sur tout style générique de cette skill.**

1. Lire `01-brand/style-guide.md` : couleurs, police, radius, gradient, style d'illustration, interdits visuels.
2. Lire `01-brand/checklist-pre-composition.md` si présent (règles anti-style-IA) et `01-brand/design-anti-generique.md` (doctrine design anti-générique — elle gouverne les dimensions libres, jamais celles verrouillées par la marque : celles-là viennent de `01-brand/style-guide.md` et, pour les valeurs exactes, de `01-brand/tokens.json`).
3. Classer chaque dimension du système en deux catégories :
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add littlpinguin/marketing-cockpit-template/design-system@sha256:e366ee9f6eb15f8e

The line at the top of this page pins the label git:20261103.9f62680, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_jyw7kycadz6mu5qs.svg)](https://markdownregistry.com/a/art_jyw7kycadz6mu5qs)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 5 versions of this file, between Jul 2, 2026 and Nov 3, 2026, about one every 31 days.

versioncommittedcommitsizeaudit
git:20261103.9f62680 latest2026-11-03 9f62680 7,385 BA view · diff
git:20261005.d058e4e2026-10-05 d058e4e 7,720 BA view · diff
git:20260703.152c2502026-07-03 152c250 7,613 BA view · diff
git:20260702.456bdf12026-07-02 456bdf1 7,613 BA view · diff
git:20260702.9ba8fb12026-07-02 9ba8fb1 7,456 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (7385 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

littlpinguin/marketing-cockpit-template · 9 stars · license MIT · pushed 2026-11-04 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_jyw7kycadz6mu5qs
GET https://markdownregistry.com/api/v1/resolve?ref=littlpinguin/marketing-cockpit-template/design-system
GET https://markdownregistry.com/api/v1/blob/e366ee9f6eb15f8e505694ddf47bd29fe5420165ffbcef58bb366de0303a118e

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from littlpinguin/marketing-cockpit-template

accessibility-web SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/accessibility-web/SKILL.md · Référentiel accessibilité web WCAG 2.2 AA pour {{COMPANY_NAME}} : ARIA, clavier et focus, modales, formulaires…
git:20261103.9f62680 · audit A · 9 stars
ads-audit SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/ads-audit/SKILL.md · Audit multi-plateformes du paid media de {{COMPANY_NAME}} (Google, Meta, LinkedIn Ads, plus TikTok, Microsoft, Amazon)…
git:20261103.9f62680 · audit A · 9 stars
animation-animejs SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-animejs/SKILL.md · Anime.js animation engine for DOM, CSS, SVG and JS objects. Use when building timeline animations, stagger effects, SVG…
git:20261103.a011dcf · audit A · 9 stars
animation-gsap SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-gsap/SKILL.md · GSAP (GreenSock) and ScrollTrigger for web animation. Use when creating tweens, timelines, scroll-driven or…
git:20261103.a011dcf · audit A · 9 stars
animation-lottie SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-lottie/SKILL.md · Lottie rendering of After Effects animations for web and React. Use when implementing Lottie, lottie-web, lottie-react…
git:20261103.a011dcf · audit A · 9 stars
animation-scroll-reveal SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/animation-scroll-reveal/SKILL.md · Simple scroll-triggered reveals with AOS (Animate On Scroll). Use when a marketing or landing page needs basic fade or…
git:20261103.a011dcf · audit B · 9 stars
backport-to-template SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/backport-to-template/SKILL.md · Remonte une mécanique éprouvée chez un client (skill, script, workflow) vers le template public…
git:20261103.9f62680 · audit A · 9 stars
blog-engine SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/blog-engine/SKILL.md · Production d'un article de blog publiable pour {{COMPANY_NAME}} : recherche, plan, rédaction, fact-checking, scoring…
git:20261103.a011dcf · audit A · 9 stars
brand-check SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/brand-check/SKILL.md · Valide un draft marketing contre les standards de marque : filtre 5 points (vocabulaire, ton, preuve, audience…
git:20261103.a011dcf · audit A · 9 stars
brandkit SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/brandkit/SKILL.md · Planches d'identité de marque (brand board, logo system, identity deck) via image-generation, pour {{COMPANY_NAME}} ou…
git:20261103.9f62680 · audit A · 9 stars
captions SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/captions/SKILL.md · Sous-titrage vidéo pour {{COMPANY_NAME}} : transcription (whisper, HyperFrames), .srt, sous-titres incrustés à la…
git:20261103.9f62680 · audit A · 9 stars
carousel SKILL.md skill
littlpinguin/marketing-cockpit-template · .claude/skills/carousel/SKILL.md · Carrousel LinkedIn de {{COMPANY_NAME}} en PDF multipage 1080×1350, brand-strict, export Playwright. À utiliser pour «…
git:20261103.9f62680 · audit A · 9 stars

Every file in littlpinguin/marketing-cockpit-template

Other files named design-system

design-system SKILL.md skill
alirezarezvani/claude-skills · .gemini/skills/design-system/SKILL.md
git:20260611.6454532 · audit C · 29,054 stars
design-system SKILL.md skill
cbrock84/headcount · plugins/product/skills/design-system/SKILL.md · Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation…
git:20260916.e72e404 · audit A · 2,543 stars
design-system SKILL.md skill
microsoft/power-platform-skills · plugins/mobile-apps/skills/design-system/SKILL.md · Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts…
git:20261009.8c4b447 · audit B · 1,107 stars
design-system SKILL.md skill
borghei/claude-skills · markdown-html/design-system/SKILL.md · Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one…
v1.0.0 · audit A · 1,019 stars
design-system SKILL.md skill
rampstackco/claude-skills · skills/design-system/SKILL.md · Build or audit a design system including component library, design tokens, naming conventions, contribution model, and…
git:20260810.e5bc675 · audit A · 1,013 stars
design-system Cursor rule
thedaviddias/llms-txt-hub · .cursor/rules/design-system.mdc · UI Best Practices
git:20250224.001a864 · audit A · 922 stars
design-system SKILL.md skill
skillmds/skillmd · plugins/design-system-foundation/skills/design-system/SKILL.md · Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component)…
v1.0.0 · audit B · 192 stars
design-system SKILL.md skill
skillmds/skillmd · plugins/design-system-audit-and-remediation/skills/design-system/SKILL.md · Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component)…
v1.0.0 · audit B · 192 stars

Browse by kind, by grade A, or by owner.