← All skills

Design Tokens

Generates a design-tokens file (CSS variables or Tailwind config) with light/dark palettes, spacing scale, type ramp, and component tokens.

Cross-platformUI & DesignAccessibility

Install

Installs through Popy — it fetches the skill from the author's repo and prints the credit. Works with any agent.

$ curl -fsSL https://skills.popy.app/i/designer-design-tokens | sh

Inspect what it runs first: skills.popy.app/i/designer-design-tokens

Prefer to do it by hand?

  1. 1Open the source repo: https://github.com/julianoczkowski/designer-skills/tree/main/design-tokens
  2. 2Copy its SKILL.md (and any supporting files) into ~/.claude/skills/designer-design-tokens/
  3. 3Restart your agent so it picks up the new skill.

Heads up: this listing was compiled from public sources and hasn't been hand-verified yet. Always confirm details on the source repo before installing.

Related skills

Flutter Building Layouts

Featured

Builds and fixes Flutter layouts with the constraint system (Row, Column, Stack), resolving overflow errors.

FlutterCross-platformUI & Design
by Flutter Team (Google)View →

Flutter Architecting Apps

Structures a Flutter app using the recommended layered architecture (UI, logic, data) for scalability.

FlutterCross-platformArchitecture
by Flutter Team (Google)View →

Flutter Animating Apps

Implements Flutter animations, transitions, and motion effects for richer interactions.

FlutterCross-platformUI & Design
by Flutter Team (Google)View →