Companion plugin for the AI Primer guidebook — environment setup, project creation, and workflow guidance for beginners building full-stack AI products
This skill should be used when the user asks to "set up my development environment", "configure my tools", "install development tools", "set up for the AI Primer", "get started with the primer", or mentions needing to set up Node.js, Git, Wrangler, MCP servers, or Cloudflare for the first time. Guides complete beginners through one-time environment setup for full-stack AI product development.
This skill should be used when the user is brainstorming ideas, planning features, building with Claude, working with Figma designs, debugging errors, troubleshooting issues, or expressing confusion or frustration during development. Provides beginner-friendly workflow guidance for AI-assisted product development.
Claude Code plugin for the AI Primer guidebook. Takes beginners from first terminal session to deployed full-stack project.
Requires Node.js and Claude Code already installed.
npx degit ammonhaggerty/a-primer-skills ~/.claude/plugins/a-primer-skills
claude --plugin-dir ~/.claude/plugins/a-primer-skills
Then tell Claude:
"Use the primer setup skill to set up my development environment."
primer-setup skill — One-time environment setup. Installs Node.js, Git, Wrangler. Connects Cloudflare. Configures MCP servers (context7, Cloudflare, Playwright, Figma). Installs workflow plugins (superpowers, frontend-design). Progressive, idempotent, beginner-friendly.
primer-workflow skill — Passive workflow guidance. Tips for brainstorming, building features, using Figma with Claude, and debugging. Surfaces automatically at the right moment.
/a-new-project command — Scaffolds a new project with Hono + DaisyUI + HTMX + Alpine.js on Cloudflare Workers (D1 + R2). Generates CLAUDE.md, initializes Git/GitHub, starts local dev server.
Projects created with /a-new-project use:
This plugin is the hands-on companion to the AI Primer guidebook — an open-source guide for non-developers learning to build full-stack products with AI.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub ammonhaggerty/a-primer-skills --plugin a-primer-skillsClaude Code 초보자를 위한 한글 학습 가이드 및 설정 템플릿
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
Agentic engineering done right — 57 structured workflows, 17 specialist agent personas, persistent memory across sessions, integrated learning partner, and impeccable UI design system. Works with Claude Code, Windsurf, Cursor, Gemini CLI, OpenCode, and Codex.
🚀 Quick Flow Solo Dev — Elite Full-Stack Developer + Quick Flow Specialist
OpenAI Assistants API v2 for stateful chatbots with Code Interpreter, File Search, RAG. Use for threads, vector stores, or encountering active run errors, indexing delays. ⚠️ Sunset August 26, 2026.
Use this agent when implementing AI/ML features, integrating language models, building recommendation systems, or adding intelligent automation to applications. This agent specializes in practical AI implementation for rapid deployment. Examples:\n\n<example>\nContext: Adding AI features to an app\nuser: "We need AI-powered content recommendations"\nassistant: "I'll implement a smart recommendation engine. Let me use the ai-engineer agent to build an ML pipeline that learns from user behavior."\n<commentary>\nRecommendation systems require careful ML implementation and continuous learning capabilities.\n</commentary>\n</example>\n\n<example>\nContext: Integrating language models\nuser: "Add an AI chatbot to help users navigate our app"\nassistant: "I'll integrate a conversational AI assistant. Let me use the ai-engineer agent to implement proper prompt engineering and response handling."\n<commentary>\nLLM integration requires expertise in prompt design, token management, and response streaming.\n</commentary>\n</example>\n\n<example>\nContext: Implementing computer vision features\nuser: "Users should be able to search products by taking a photo"\nassistant: "I'll implement visual search using computer vision. Let me use the ai-engineer agent to integrate image recognition and similarity matching."\n<commentary>\nComputer vision features require efficient processing and accurate model selection.\n</commentary>\n</example>