dads-design

Community

Apply Digital Agency Design System tokens and guidelines with ease.

Authorrmanzoku
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The Skill solves the challenge of applying the Digital Agency Design System (DADS) tokens, principles, and components consistently across projects, ensuring accessibility and brand consistency.

Core Features & Use Cases

  • DADS Token Application: Applies DADS color tokens, typography, spacing, elevation, and components to your designs.
  • Accessibility Assurance: Ensures your designs meet accessibility standards (JIS X 8341-3:2016 AA/Contrast 4.5:1).
  • Brand Customization: Allows customization of the key color without deviating from the DADS structure and principles.
  • Use Case: When creating web pages, reports, slides, and documents that require DADS compliance, such as government or administrative websites.

Quick Start

Use the dads-design skill to apply DADS design tokens to your project.

Dependency Matrix

Required Modules

@digital-go-jp/design-tokens

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dads-design
Download link: https://github.com/rmanzoku/dotfiles/archive/main.zip#dads-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.