Generates high-end government-style UI components using the signature National Design Studio aesthetic.
The NDS UI skill enables Claude to architect and build sophisticated web interfaces inspired by the National Design Studio's work on sites like realfood.gov and trumprx.gov. It provides specialized implementation patterns for Instrument Serif typography, full-viewport hero sections, and signature color palettes including 'Warm Beige' and 'Dark Navy.' By applying this skill, developers can instantly generate production-grade frontend code that adheres to specific layout principles such as 1280px max-widths, monospace labels, and high-contrast photography overlays, ensuring a prestigious and authoritative digital presence.
Key Features
01Pre-defined NDS color palettes for light (Warm Beige) and dark (Dark Navy) themes
02Tailwind CSS configuration for NDS-specific design tokens
03Automatic configuration for Instrument Serif and Inter typography
04Full-screen hero section templates with optimized text legibility
05Responsive layout patterns for statistics, navigation, and alternating sections
0610 GitHub stars
Use Cases
01Building modern government-adjacent websites or public service portals
02Creating high-end editorial landing pages with 'America by Design' aesthetics
03Rapidly prototyping professional layouts with sophisticated serif typography
