Modern CSS/SCSS architecture based on shadcn/ui design principles for refined, accessible styling
0 on GitHubby Brockv1.0.0MITupdated 1 year agoUI/Design
/
Plugin shadcn-aesthetic from marketplace dieshen-plugins in Dieshen/claude_marketplace. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (1)
shadcn-aesthetic
Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling code to ensure modern, refined, and accessible design patterns.
Comprehensive UI/UX decision frameworks based on Nielsen Norman Group, Baymard Institute, Material Design, and Apple HIG research - Interactive tools for overlay selection, navigation patterns, accessibility validation, form design, and mobile-first development
Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.
Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Maintains design decisions across sessions.
Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).
2 skills · 14 commands
Manavarya09/design-extract 5,068
Maintain shadcn-aesthetic?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.