·generic-static-design-system
*

generic-static-design-system

travisjneuman/.claude

Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility. Use when implementing UI, choosing colors, or ensuring brand consistency.

6Installs·0Trend·@travisjneuman

Installation

$npx skills add https://github.com/travisjneuman/.claude --skill generic-static-design-system

SKILL.md

Design system patterns for minimalist static sites (pure HTML/CSS/JS).

Extends: Generic Design System - Read base skill for color theory, typography scale, spacing system, and component states.

| HTML | < 5KB | | CSS | < 10KB | | JS | < 5KB | | Total | < 50KB |

Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility. Use when implementing UI, choosing colors, or ensuring brand consistency. Source: travisjneuman/.claude.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/travisjneuman/.claude --skill generic-static-design-system
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is generic-static-design-system?

Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility. Use when implementing UI, choosing colors, or ensuring brand consistency. Source: travisjneuman/.claude.

How do I install generic-static-design-system?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/travisjneuman/.claude --skill generic-static-design-system Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/travisjneuman/.claude