Apply freedesignmd.com design systems to projects with CSS custom properties.
npx skills add https://github.com/Anglesite/anglesite --skill freedesignmd
Please help me install this Agent Skill. Skill: freedesignmd Source: https://github.com/Anglesite/anglesite/tree/main/agent-skills/freedesignmd Command: npx skills add https://github.com/Anglesite/anglesite --skill freedesignmd
This Skill allows you to browse, fetch, and apply a design system from freedesignmd.com to your project, ensuring a consistent visual identity.
docs/brand.md with design system details.Use the freedesignmd skill to apply the 'Linear Orbit' design system to your project.
High-intent search queries and answers about installing and using this skill.
To apply a design system using CSS custom properties, this Skill fetches tokens from freedesignmd.com and translates them directly into CSS variables, ensuring a consistent visual identity across your project automatically.
Mapping custom fonts to system font stacks is handled automatically during the design system application, replacing external font dependencies with native system fonts to improve site performance and user privacy.
Verifying WCAG AA contrast ratios is a built-in feature of the design system application process, automatically checking text colors against backgrounds to ensure accessibility standards are met before finalizing.
Yes, the freedesignmd skill is specifically designed for Claude Code and compatible agents operating within an Anglesite project, verifying the build process completes successfully after applying the design system.
Yes, applying a design system automatically updates the `docs/brand.md` file with the specific design system details, keeping your project documentation synchronized with your visual identity changes.
A key limitation is that custom fonts are not preserved as-is; they are specifically mapped to system font stacks for performance and privacy, which may slightly alter the intended typography from the original design system.
AnglesiteGuide initial Anglesite project setup with site type, domain, design, and tools.
HarshodaiValidate brand assets against color palettes and naming conventions.
veerababumanyamValidate UI components against WCAG 2.1 AA accessibility standards.
heysuhasGenerate HTML and CSS using design tokens from 54 web design systems.