get_cross_cutting_rules

MCP tool from The Designer by 1999AZZAR

Get standalone rules (a11y, motion, icons, tokens, responsive)

How to use it

get_cross_cutting_rules is exposed by the The Designer MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the get_cross_cutting_rules tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install The Designer

$npx @modelcontextprotocol/inspector node dist/index.js

FULL THE DESIGNER LISTING

Other tools in The Designer (23)

anti_pattern_check

Run 31-gate slop test on HTML/CSS

brand_fetch_design_md

Download DESIGN.md for a real brand

brand_list

List all 328+ brands by category

build_custom_tokens

Build custom OKLCH token system from paper/accent/font values — also emits dark mode derivation

detect_genre

Classify brief into editorial / modern-minimal / atmospheric / playful

evaluate_style

Score 17 design systems against product context

export_project

Full project scaffold (config + HTML + components)

generate_8state_component

Standalone HTML preview with all 8 interactive states — animated via anime.js spring physics

generate_motion_snippet

Generate a ready-to-paste motion.dev or anime.js snippet matched to the current design style's physics and easing. Supports 8 categories: entrance, micro, stagger, scroll, loader, transition, counter, typewriter. Every snippet includes a prefers-reduced-motion guard.

generate_palette_variants

Light/dark/high-contrast variants from hex colors

generate_rules

Generate design rules for style + palette + archetype/hybrid

generate_tailwind_config

Generate ready-to-use tailwind.config.js

generate_template

Full HTML starter page — ships with anime.js v3 animations

generate_tokens

Generate complete OKLCH token system. Returns css (light :root), fullcss (light + dark @media + [data-theme="dark"] overrides), darkcss, darktokens

get_reference

Pull full content of any reference doc