[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"readme:ai-design-components":3},"\u003Cp align=\"center\">\n  \u003Cimg src=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fimg\u002Flogo.png\" alt=\"AI Design Components Logo\" width=\"150\" \u002F>\n\u003C\u002Fp>\u003Cblockquote>\n\u003Cp>Full-stack development skills for AI-assisted development with Claude\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fancoleman\u002Fai-design-components\u002Fblob\u002FHEAD\u002FVERSION\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fversion-0.5.0-blue.svg\" alt=\"Version\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fancoleman\u002Fai-design-components\u002Fblob\u002FHEAD\u002FLICENSE\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-green.svg\" alt=\"License\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fdocs\u002Fskills\u002Foverview\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fskills-76-purple.svg\" alt=\"Skills\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002F\" rel=\"nofollow ugc noopener\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs-GitHub%20Pages-orange.svg\" alt=\"Docs\" \u002F>\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch2>What is this?\u003C\u002Fh2>\n\u003Cp>A collection of \u003Cstrong>76 production-ready Claude Skills\u003C\u002Fstrong> covering frontend, backend, DevOps, infrastructure, security, cloud, and AI\u002FML development. Skills provide Claude with domain expertise, decision frameworks, and production-ready code patterns.\u003C\u002Fp>\n\u003Ch2>Documentation\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Full documentation: \u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002F\" rel=\"nofollow ugc noopener\">ancoleman.github.io\u002Fai-design-components\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Resource\u003C\u002Fth>\n\u003Cth>Description\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fdocs\u002Fintro\" rel=\"nofollow ugc noopener\">Getting Started\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Introduction and overview\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fdocs\u002Finstallation\" rel=\"nofollow ugc noopener\">Installation\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Setup instructions\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fdocs\u002Fskills\u002Foverview\" rel=\"nofollow ugc noopener\">Skills Reference\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>All 76 skills documented\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fancoleman.github.io\u002Fai-design-components\u002Fdocs\u002Fskillchain\u002Foverview\" rel=\"nofollow ugc noopener\">Skillchain Guide\u003C\u002Fa>\u003C\u002Ftd>\n\u003Ctd>Guided workflow system\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2>Quick Start\u003C\u002Fh2>\n\u003Ch3>Option 1: Installer Script (Recommended)\u003C\u002Fh3>\n\u003Cp>The interactive installer handles everything - skills, skillchain, and plugins:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\">git clone https:\u002F\u002Fgithub.com\u002Fancoleman\u002Fai-design-components.git\ncd ai-design-components\n.\u002Finstall.sh\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>The installer provides:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Interactive menu\u003C\u002Fstrong> for choosing what to install\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Skillchain v3.0\u003C\u002Fstrong> with 76 skills across 10 domains\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Plugin installation\u003C\u002Fstrong> for all 19 plugin groups\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Automatic setup\u003C\u002Fstrong> of commands and data directories\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cpre>\u003Ccode class=\"language-bash\"># Installer commands\n.\u002Finstall.sh                    # Interactive mode\n.\u002Finstall.sh plugins list       # See all available plugins\n.\u002Finstall.sh plugins install    # Install all plugins\n.\u002Finstall.sh skillchain         # Install skillchain only\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Option 2: Manual Plugin Installation\u003C\u002Fh3>\n\u003Cp>If you prefer using Claude's plugin commands directly:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\"># Add marketplace\nclaude plugin marketplace add ancoleman\u002Fai-design-components\n\n# Install all 19 plugins (76 skills)\nclaude plugin install ui-foundation-skills@ai-design-components\nclaude plugin install ui-data-skills@ai-design-components\nclaude plugin install ui-input-skills@ai-design-components\nclaude plugin install ui-interaction-skills@ai-design-components\nclaude plugin install ui-structure-skills@ai-design-components\nclaude plugin install ui-content-skills@ai-design-components\nclaude plugin install ui-assembly-skills@ai-design-components\nclaude plugin install backend-data-skills@ai-design-components\nclaude plugin install backend-api-skills@ai-design-components\nclaude plugin install backend-platform-skills@ai-design-components\nclaude plugin install backend-ai-skills@ai-design-components\nclaude plugin install devops-skills@ai-design-components\nclaude plugin install infrastructure-skills@ai-design-components\nclaude plugin install security-skills@ai-design-components\nclaude plugin install developer-productivity-skills@ai-design-components\nclaude plugin install data-engineering-skills@ai-design-components\nclaude plugin install ai-ml-skills@ai-design-components\nclaude plugin install cloud-provider-skills@ai-design-components\nclaude plugin install finops-skills@ai-design-components\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Option 3: Selective Installation\u003C\u002Fh3>\n\u003Cp>Install only what you need:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\"># Add marketplace first\nclaude plugin marketplace add ancoleman\u002Fai-design-components\n\n# Install specific plugin groups\nclaude plugin install infrastructure-skills@ai-design-components\nclaude plugin install devop\n\u003C\u002Fcode>\u003C\u002Fpre>\n",1786232074673]