generic-design-system SKILL.md skillA

generic-design-system from travisjneuman/.claude is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add travisjneuman/.claude/generic-design-system@git:20260113.90b2d6e

Pins git:20260113.90b2d6e in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
travisjneuman/.claude
Path
skills/generic-design-system/SKILL.md
Versions recorded
3
Latest version
git:20260113.90b2d6e, committed Jan 13, 2026
First version recorded
Dec 17, 2025
Size
5,768 bytes
Repository stars
105
License
MIT

Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first.

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

# Generic Design System

Design system reference adapting to any project's visual language.

## Research First for New Systems

When creating a NEW design system (not following an existing one):

```
Skill(ui-research)  # Research modern patterns first
```

**References:**

- [UI Inspiration Sources](../_shared/UI_INSPIRATION_SOURCES.md) - Research sources
- [Design Patterns](../_shared/DESIGN_PATTERNS.md) - Visual tokens

## When to Use This Skill

**Use for:**

- Implementing UI components
- Choosing colors or typography
- Creating animations or transitions
- Ensuring visual consistency
- Setting up design tokens
- Reviewing design system compliance

**Don't use when:**

- UX flow design → use `generic-ux-designer`
- Feature architecture → use `generic-feature-developer`
- Code quality review → use `generic-code-reviewer`

## Design System Architecture

### When to Build vs Reference

| Situation              | Action                                  |
| ---------------------- | --------------------------------------- |
| Existing design system | Follow it strictly                      |
| No design system       | Use this skill to establish foundations |
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add travisjneuman/.claude/generic-design-system@sha256:a8e58db1c019323b

The line at the top of this page pins the label git:20260113.90b2d6e, 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_shyfb74koee25szi.svg)](https://markdownregistry.com/a/art_shyfb74koee25szi)

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

Versions

The registry has recorded 3 versions of this file, between Dec 17, 2025 and Jan 13, 2026, about one every 14 days.

versioncommittedcommitsizeaudit
git:20260113.90b2d6e latest2026-01-13 90b2d6e 5,768 BA view · diff
git:20251218.ec4a3fd2025-12-18 ec4a3fd 5,169 BA view · diff
git:20251217.530f68e2025-12-17 530f68e 4,867 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 (5768 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

travisjneuman/.claude · 105 stars · license MIT · pushed 2026-10-19 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_shyfb74koee25szi
GET https://markdownregistry.com/api/v1/resolve?ref=travisjneuman/.claude/generic-design-system
GET https://markdownregistry.com/api/v1/blob/a8e58db1c019323b79d50ee3f5dbd6c6db292fad9844c751e5291127986156e9

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 travisjneuman/.claude

CLAUDE.md CLAUDE.md file
travisjneuman/.claude · CLAUDE.md
git:20261018.1880985 · audit A · 105 stars
accessibility-a11y SKILL.md skill
travisjneuman/.claude · skills/accessibility-a11y/SKILL.md · WCAG 2.2 compliance, ARIA patterns, keyboard navigation, screen readers, automated testing
git:20260930.c8d311d · audit A · 105 stars
agent-accessibility-expert SKILL.md skill
travisjneuman/.claude · skills/agent-accessibility-expert/SKILL.md · Specialist subagent: WCAG compliance, screen reader compatibility, and inclusive design patterns. Use when auditing…
git:20260929.371db5d · audit A · 105 stars
agent-android-developer SKILL.md skill
travisjneuman/.claude · skills/agent-android-developer/SKILL.md · Specialist subagent: Expert Android developer specializing in Kotlin, Jetpack Compose, and modern Android architecture
git:20260929.371db5d · audit A · 105 stars
agent-api-designer SKILL.md skill
travisjneuman/.claude · skills/agent-api-designer/SKILL.md · Specialist subagent: Designs REST and GraphQL APIs following best practices. Use when creating new APIs, reviewing API…
git:20260929.371db5d · audit A · 105 stars
agent-api-integration-specialist SKILL.md skill
travisjneuman/.claude · skills/agent-api-integration-specialist/SKILL.md · Specialist subagent: Third-party API integration, webhook handling, OAuth flows, rate limiting, and SDK wrapping…
git:20260929.371db5d · audit A · 105 stars
agent-audio-engineer SKILL.md skill
travisjneuman/.claude · skills/agent-audio-engineer/SKILL.md · Specialist subagent: Expert audio engineer for recording, mixing, mastering, and sound design
git:20261013.49ad78f · audit A · 105 stars
agent-auth-specialist SKILL.md skill
travisjneuman/.claude · skills/agent-auth-specialist/SKILL.md · Specialist subagent: OAuth 2.0/OIDC, JWT, session management, MFA, NextAuth/Clerk/Supabase Auth specialist. Use when…
git:20260929.371db5d · audit A · 105 stars
agent-blockchain-developer SKILL.md skill
travisjneuman/.claude · skills/agent-blockchain-developer/SKILL.md · Specialist subagent: Solidity, smart contracts, Web3, EVM, DeFi protocols, and blockchain development specialist. Use…
git:20260929.371db5d · audit A · 105 stars
agent-brand-strategist SKILL.md skill
travisjneuman/.claude · skills/agent-brand-strategist/SKILL.md · Specialist subagent: Expert brand strategist for brand identity, positioning, naming, and brand guidelines
git:20260929.371db5d · audit A · 105 stars
agent-browser-extension-developer SKILL.md skill
travisjneuman/.claude · skills/agent-browser-extension-developer/SKILL.md · Specialist subagent: Chrome, Firefox, and cross-browser extension development specialist. Manifest V3, service workers…
git:20260929.371db5d · audit A · 105 stars
agent-cli-developer SKILL.md skill
travisjneuman/.claude · skills/agent-cli-developer/SKILL.md · Specialist subagent: Command-line tool development, argument parsing, interactive prompts, and terminal UI specialist…
git:20260929.371db5d · audit B · 105 stars

Every file in travisjneuman/.claude

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