ancoleman/ai-design-components
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
ARCHETYPE
Skill Collector
Ten-plus skills loaded on demand. A procedural-knowledge library.
Copy this rig
# review before running: this installs third-party code
$ npx degit ancoleman/ai-design-components/skills ./rig-ai-design-components/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.
$ npx degit ancoleman/ai-design-components/skills/administering-linux .claude/skills/administering-linux $ npx degit ancoleman/ai-design-components/skills/ai-data-engineering .claude/skills/ai-data-engineering $ npx degit ancoleman/ai-design-components/skills/architecting-data .claude/skills/architecting-data $ npx degit ancoleman/ai-design-components/skills/architecting-networks .claude/skills/architecting-networks $ npx degit ancoleman/ai-design-components/skills/architecting-security .claude/skills/architecting-security $ npx degit ancoleman/ai-design-components/skills/assembling-components .claude/skills/assembling-components $ npx degit ancoleman/ai-design-components/skills/building-ai-chat .claude/skills/building-ai-chat $ npx degit ancoleman/ai-design-components/skills/building-ci-pipelines .claude/skills/building-ci-pipelines $ npx degit ancoleman/ai-design-components/skills/building-clis .claude/skills/building-clis $ npx degit ancoleman/ai-design-components/skills/building-forms .claude/skills/building-forms $ npx degit ancoleman/ai-design-components/skills/building-tables .claude/skills/building-tables $ npx degit ancoleman/ai-design-components/skills/configuring-firewalls .claude/skills/configuring-firewalls $ npx degit ancoleman/ai-design-components/skills/configuring-nginx .claude/skills/configuring-nginx $ npx degit ancoleman/ai-design-components/skills/creating-dashboards .claude/skills/creating-dashboards $ npx degit ancoleman/ai-design-components/skills/debugging-techniques .claude/skills/debugging-techniques $ npx degit ancoleman/ai-design-components/skills/deploying-applications .claude/skills/deploying-applications $ npx degit ancoleman/ai-design-components/skills/deploying-on-aws .claude/skills/deploying-on-aws $ npx degit ancoleman/ai-design-components/skills/deploying-on-azure .claude/skills/deploying-on-azure $ npx degit ancoleman/ai-design-components/skills/deploying-on-gcp .claude/skills/deploying-on-gcp $ npx degit ancoleman/ai-design-components/skills/designing-apis .claude/skills/designing-apis $ npx degit ancoleman/ai-design-components/skills/designing-distributed-systems .claude/skills/designing-distributed-systems $ npx degit ancoleman/ai-design-components/skills/designing-layouts .claude/skills/designing-layouts $ npx degit ancoleman/ai-design-components/skills/designing-sdks .claude/skills/designing-sdks $ npx degit ancoleman/ai-design-components/skills/displaying-timelines .claude/skills/displaying-timelines $ npx degit ancoleman/ai-design-components/skills/embedding-optimization .claude/skills/embedding-optimization $ npx degit ancoleman/ai-design-components/skills/evaluating-llms .claude/skills/evaluating-llms $ npx degit ancoleman/ai-design-components/skills/generating-documentation .claude/skills/generating-documentation $ npx degit ancoleman/ai-design-components/skills/guiding-users .claude/skills/guiding-users $ npx degit ancoleman/ai-design-components/skills/implementing-api-patterns .claude/skills/implementing-api-patterns $ npx degit ancoleman/ai-design-components/skills/implementing-compliance .claude/skills/implementing-compliance $ npx degit ancoleman/ai-design-components/skills/implementing-drag-drop .claude/skills/implementing-drag-drop $ npx degit ancoleman/ai-design-components/skills/implementing-gitops .claude/skills/implementing-gitops $ npx degit ancoleman/ai-design-components/skills/implementing-mlops .claude/skills/implementing-mlops $ npx degit ancoleman/ai-design-components/skills/implementing-navigation .claude/skills/implementing-navigation $ npx degit ancoleman/ai-design-components/skills/implementing-observability .claude/skills/implementing-observability $ npx degit ancoleman/ai-design-components/skills/implementing-realtime-sync .claude/skills/implementing-realtime-sync $ npx degit ancoleman/ai-design-components/skills/implementing-search-filter .claude/skills/implementing-search-filter $ npx degit ancoleman/ai-design-components/skills/implementing-service-mesh .claude/skills/implementing-service-mesh $ npx degit ancoleman/ai-design-components/skills/implementing-tls .claude/skills/implementing-tls $ npx degit ancoleman/ai-design-components/skills/ingesting-data .claude/skills/ingesting-data
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 *)"
]
}
} Skills (76)
administering-linuxai-data-engineeringarchitecting-dataarchitecting-networksarchitecting-securityassembling-componentsbuilding-ai-chatbuilding-ci-pipelinesbuilding-clisbuilding-formsbuilding-tablesconfiguring-firewallsconfiguring-nginxcreating-dashboardsdebugging-techniquesdeploying-applicationsdeploying-on-awsdeploying-on-azuredeploying-on-gcpdesigning-apisdesigning-distributed-systemsdesigning-layoutsdesigning-sdksdisplaying-timelinesembedding-optimizationevaluating-llmsgenerating-documentationguiding-usersimplementing-api-patternsimplementing-complianceimplementing-drag-dropimplementing-gitopsimplementing-mlopsimplementing-navigationimplementing-observabilityimplementing-realtime-syncimplementing-search-filterimplementing-service-meshimplementing-tlsingesting-dataload-balancing-patternsmanaging-configurationmanaging-dnsmanaging-git-workflowsmanaging-incidentsmanaging-mediamanaging-vulnerabilitiesmodel-servingoperating-kubernetesoptimizing-costsoptimizing-sqlperformance-engineeringplanning-disaster-recoveryplatform-engineeringprompt-engineeringproviding-feedbackresource-taggingmanaging-secretssecuring-authenticationsecurity-hardeningshell-scriptingsiem-loggingstreaming-datatesting-strategiestheming-componentstransforming-datausing-document-databasesusing-graph-databasesusing-message-queuesusing-relational-databasesusing-timeseries-databasesusing-vector-databasesvisualizing-datawriting-dockerfileswriting-github-actionswriting-infrastructure-code
Similar rigs
rohitg00/awesome-claude-code-toolkit
The most comprehensive toolkit for Claude Code -- 135 agents, 35 curated skills, 42 commands, 176+ plugins, 20 hooks, 15 rules, 7 templates, 14 MCP configs, 26 companion apps, 52 ecosystem entries, and more.
Orchestrator 3.9k tok ·
desilokesh1/antigravity-fullstack-hq
🚀 Simplify engineering decisions and workflows with Antigravity Full Stack HQ, a comprehensive setup for Next.js, NestJS, TypeScript, Prisma, and Tailwind CSS.
Minimalist 1.8k tok ·
mylee04/code-notify
Cross-platform desktop notifications for Claude Code, Codex, and Gemini CLI. Install via Homebrew, npm, or script.
Pragmatist 137 tok ·
waldoibarra/dotfiles
My personal OS configuration files.
YOLO Cowboy 1.3k tok ·