Skills
.Work. You
Rest

freedesignmd

Official

Apply a design system from freedesignmd.com to your project

Design & Creative#design system#CSS custom properties#freedesignmd#system fonts#contrast verification
AuthorAnglesite
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill allows you to browse, fetch, and apply a design system from freedesignmd.com to your project, ensuring a consistent visual identity.

Core Features & Use Cases

  • Design System Integration: Apply a design system from freedesignmd.com to your project.
  • Automatic Token Translation: Map design system tokens to CSS custom properties.
  • System Font Stack Mapping: Map custom fonts to system font stacks for performance and privacy.
  • Contrast Verification: Check that text meets WCAG AA contrast ratios.
  • Documentation Update: Update docs/brand.md with design system details.
  • Build Verification: Verify that the build process completes successfully.
  • Owner Confirmation: Confirm the design system application with the owner.
  • Use Case: If you want to apply a design system to your website and ensure it fits your brand, this Skill can help you achieve that.

Quick Start

Use the freedesignmd skill to apply the 'Linear Orbit' design system to your project.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: freedesignmd
Download link: https://github.com/Anglesite/anglesite/archive/main.zip#freedesignmd

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.