Design Tokens
by julianoczkowskic259656c76d9No license577 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 3 months ago
Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new project, establishing a visual system, setting up tokens, or mentions "tokens" or "design system".
- c259656c76d9Currentcommit c259656Published Oct 8, 2026
Source and attribution
Source:julianoczkowski/designer-skillsindesign-tokensat commitc259656
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from julianoczkowski/designer-skills
Brief To Tasks
julianoczkowski
Turns a design brief into an ordered markdown checklist of independently buildable vertical-slice tasks.
Design Brief
julianoczkowski
Interviews the user and explores a codebase to produce a markdown design brief for a new feature or page.
Grill Me
julianoczkowski
Interviews the user relentlessly about a plan or design until shared understanding is reached.
Information Architecture
julianoczkowski
Plans a product or site's information architecture: navigation, content hierarchy, page structure, URL patterns and user flows.
Frontend Design
julianoczkowski
Guides building distinctive, production-grade frontend interfaces using named aesthetic philosophies and mobile-first, dark-mode practices.
Design Flow
julianoczkowski
Guides a designer through a phased design-to-build workflow, from clarifying ideas to frontend build and optional review.
More in Design & Creative
Theme Factory
anthropics
Offers 10 preset color-and-font themes, plus custom theme generation, for styling slide decks, documents, reports and HTML pages.
Slack Gif Creator
anthropics
Creates animated GIFs sized and optimized for Slack, with PIL drawing helpers, easing and validation utilities.
Frontend Design
anthropics
Guidance for distinctive, intentional visual design when building or reshaping a user interface.
Canvas Design
anthropics
Creates original visual art as PNG or PDF from a written design philosophy, for posters, artworks and other static pieces.
Brand Guidelines
anthropics
Applies Anthropic's official brand colors and typography to artifacts that should carry the Anthropic look-and-feel.
Frontend Design
anthropics
Guides an agent through distinctive, intentional visual design for new or redesigned user interfaces.