dembrandt/dembrandt-skills
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
ARCHETYPE
Skill Collector
Ten-plus skills loaded on demand. A procedural-knowledge library.
Copy this rig
# review before running: this installs third-party code $ claude mcp add dembrandt -- npx -y --package dembrandt dembrandt-mcp $ npx degit dembrandt/dembrandt-skills/skills ./rig-dembrandt-skills/skills
MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.
$ claude mcp add dembrandt -- npx -y --package dembrandt dembrandt-mcp $ npx degit dembrandt/dembrandt-skills/skills/algorithmic-color-palette .claude/skills/algorithmic-color-palette $ npx degit dembrandt/dembrandt-skills/skills/app-shell .claude/skills/app-shell $ npx degit dembrandt/dembrandt-skills/skills/authentic-product-representation .claude/skills/authentic-product-representation $ npx degit dembrandt/dembrandt-skills/skills/brand-visual-language .claude/skills/brand-visual-language $ npx degit dembrandt/dembrandt-skills/skills/button-states .claude/skills/button-states $ npx degit dembrandt/dembrandt-skills/skills/clone-website .claude/skills/clone-website $ npx degit dembrandt/dembrandt-skills/skills/color-mode-and-theme .claude/skills/color-mode-and-theme $ npx degit dembrandt/dembrandt-skills/skills/component-family-consistency .claude/skills/component-family-consistency $ npx degit dembrandt/dembrandt-skills/skills/coordinated-data-views .claude/skills/coordinated-data-views $ npx degit dembrandt/dembrandt-skills/skills/data-display-and-selection .claude/skills/data-display-and-selection $ npx degit dembrandt/dembrandt-skills/skills/dembrandt .claude/skills/dembrandt $ npx degit dembrandt/dembrandt-skills/skills/domain-expert-configuration .claude/skills/domain-expert-configuration $ npx degit dembrandt/dembrandt-skills/skills/elevation-and-depth .claude/skills/elevation-and-depth $ npx degit dembrandt/dembrandt-skills/skills/extract-design .claude/skills/extract-design $ npx degit dembrandt/dembrandt-skills/skills/form-design .claude/skills/form-design $ npx degit dembrandt/dembrandt-skills/skills/generate-ui-from-brand .claude/skills/generate-ui-from-brand $ npx degit dembrandt/dembrandt-skills/skills/gestalt-ui-organisation .claude/skills/gestalt-ui-organisation $ npx degit dembrandt/dembrandt-skills/skills/global-toolbar-controls .claude/skills/global-toolbar-controls $ npx degit dembrandt/dembrandt-skills/skills/information-architecture .claude/skills/information-architecture $ npx degit dembrandt/dembrandt-skills/skills/layout-paradigms-and-consistency .claude/skills/layout-paradigms-and-consistency $ npx degit dembrandt/dembrandt-skills/skills/loading-states-and-perceived-performance .claude/skills/loading-states-and-perceived-performance $ npx degit dembrandt/dembrandt-skills/skills/marketing-vs-product-system .claude/skills/marketing-vs-product-system $ npx degit dembrandt/dembrandt-skills/skills/micro-interactions .claude/skills/micro-interactions $ npx degit dembrandt/dembrandt-skills/skills/modal-and-overlay-patterns .claude/skills/modal-and-overlay-patterns $ npx degit dembrandt/dembrandt-skills/skills/modular-scale-typography .claude/skills/modular-scale-typography $ npx degit dembrandt/dembrandt-skills/skills/motion-and-storytelling .claude/skills/motion-and-storytelling $ npx degit dembrandt/dembrandt-skills/skills/nielsen-usability-heuristics .claude/skills/nielsen-usability-heuristics $ npx degit dembrandt/dembrandt-skills/skills/notifications-and-recovery .claude/skills/notifications-and-recovery $ npx degit dembrandt/dembrandt-skills/skills/operational-expert-tool-ui .claude/skills/operational-expert-tool-ui $ npx degit dembrandt/dembrandt-skills/skills/performance-and-web-vitals .claude/skills/performance-and-web-vitals $ npx degit dembrandt/dembrandt-skills/skills/real-world-metaphors .claude/skills/real-world-metaphors $ npx degit dembrandt/dembrandt-skills/skills/repeated-component-alignment .claude/skills/repeated-component-alignment $ npx degit dembrandt/dembrandt-skills/skills/responsive-paradigms .claude/skills/responsive-paradigms $ npx degit dembrandt/dembrandt-skills/skills/scroll-areas .claude/skills/scroll-areas $ npx degit dembrandt/dembrandt-skills/skills/semantic-html-and-seo .claude/skills/semantic-html-and-seo $ npx degit dembrandt/dembrandt-skills/skills/sizing-units .claude/skills/sizing-units $ npx degit dembrandt/dembrandt-skills/skills/status-colors-and-errors .claude/skills/status-colors-and-errors $ npx degit dembrandt/dembrandt-skills/skills/sticky-and-fixed-elements .claude/skills/sticky-and-fixed-elements $ npx degit dembrandt/dembrandt-skills/skills/surface-separation .claude/skills/surface-separation $ npx degit dembrandt/dembrandt-skills/skills/tab-navigation .claude/skills/tab-navigation
This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:
{
"permissions": {
"deny": [
"Read(./.env)",
"Read(**/.env)",
"Read(~/.ssh/**)",
"Bash(rm -rf *)",
"Read(**/*.pem)",
"Bash(rm -rf /)",
"Bash(git push --force:*)",
"Bash(sudo *)",
"Read(.env)",
"Bash(rm -rf /*)",
"Read(./.env.*)",
"Read(~/.aws/**)",
"Bash(git push --force*)",
"Bash(rm -rf:*)",
"Read(**/*.key)",
"Read(**/.env.*)",
"Bash(sudo:*)",
"Bash(git reset --hard*)",
"Bash(git reset --hard:*)",
"Read(.env.*)"
],
"ask": [
"Bash(git push:*)",
"Bash(git push *)",
"Bash(git commit:*)",
"Bash(rm *)",
"Bash(rm:*)",
"Bash(git rebase *)",
"Bash(wget *)",
"Bash(npm publish:*)",
"Bash(git commit *)",
"Bash(gh pr merge *)"
]
}
} MCP servers (1)
| server | source | est. tokens |
|---|---|---|
| dembrandt | npm | 2.5k |
Skills (45)
algorithmic-color-paletteapp-shellauthentic-product-representationbrand-visual-languagebutton-statesclone-websitecolor-mode-and-themecomponent-family-consistencycoordinated-data-viewsdata-display-and-selectiondembrandtdomain-expert-configurationelevation-and-depthextract-designform-designgenerate-ui-from-brandgestalt-ui-organisationglobal-toolbar-controlsinformation-architecturelayout-paradigms-and-consistencyloading-states-and-perceived-performancemarketing-vs-product-systemmicro-interactionsmodal-and-overlay-patternsmodular-scale-typographymotion-and-storytellingnielsen-usability-heuristicsnotifications-and-recoveryoperational-expert-tool-uiperformance-and-web-vitalsreal-world-metaphorsrepeated-component-alignmentresponsive-paradigmsscroll-areassemantic-html-and-seosizing-unitsstatus-colors-and-errorssticky-and-fixed-elementssurface-separationtab-navigationui-context-and-scopeui-densityuser-flows-and-guided-pathsvisual-emphasis-and-hierarchywcag-accessibility
Similar rigs
JCodesMore/ai-website-cloner-template
Clone any website with one command using AI coding agents
Minimalist 855 tok ·
Manavarya09/design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, F
Pragmatist 5.6k tok ·
Niseel/ai-sdlc-starter
npx ai-sdlc-starter - scaffold an AI-Native SDLC project in one command.
Minimalist 430 tok ·
emoulson/dotfiles-claude
—
Skill Collector 17.3k tok ·