Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Claude Code Getting Started Guide(en)

Avatar for Oikon Oikon
November 30, 2025

Claude Code Getting Started Guide(en)

Avatar for Oikon

Oikon

November 30, 2025
Tweet

More Decks by Oikon

Other Decks in Technology

Transcript

  1. Claude Code Getting Started Guide Learn AI-Driven Development Basics and

    Best Practices in 1 Hour Speaker: Oikon (Nov. 28, 2025) Organized by: Findy
  2. About Me Oikon (@oikon48) Software Engineer AI tool research, App

    Development Using Claude Code since: March 2025 Recent CHANGELOGs available in my X highlights Ref: speakerdeck.com/oikon48
  3. Target Audience and Today’s Goals Target Audience Interested in Claude

    Code Considering adopting Claude Code Can’t use it at work yet, but want to learn more Today’s Goals Understand the basics of Claude Code and envision practical use cases I'll introduce Claude Code step by step with demos!
  4. Today’s Agenda Basics (30 min) 1. Overview of Claude Code

    2. Basic Features of Claude Code 3. Core Features of Claude Code Advanced Topics (20 min) 1. Individual Best Practices 2. Team Best Practices Deep Dive into Claude Code (if time permits) 1. Deep Dive into Claude Skills 2. My Thoughts on Claude Code
  5. What is Claude Code? AI development CLI tool by Anthropic

    Autonomous AI agent with high self-driving capability Flexible integration with existing dev tools and workflows Opus 4.5 released! Arguably the best coding tool Ref: claude.com/product/claude-code, anthropic.com/news/claude-opus-4-5
  6. Pricing Plans Plans that include Claude Code: Pro: $17. Great

    for trying out Max: $100 and $200 Team (Premium seat): $150, minimum 5 users Enterprise: Contact for pricing API: Pay as you go Ref: claude.com/pricing
  7. How Claude Code Differs from Other AI Tools vs GUI-based

    Tools (GitHub Copilot, Cursor) GitHub Copilot/Cursor: Code completion, interactive co-pilot Claude Code: Autonomously executes given tasks vs Asynchronous Tools (Devin, etc.) Devin: Fully autonomous. Mostly hands-off after task assignment Claude Code: Autonomous but controllable to some extent The best AI tool varies by development environment. Understand Claude Code's characteristics before deciding to use it
  8. Installation Options CLI or IDE Extension VSCode Marketplace JetBrains Marketplace

    Claude Desktop Claude Code for Desktop is now available! Launch from the < / > sidebar button curl -fsSL https://claude.ai/install.sh | bash brew install --cask claude-code Ref: code.claude.com/docs/en/quickstart
  9. CLI vs IDE Extension vs CC for Desktop CLI IDE

    Extension CC for Desktop All features available Some CLI features unavailable Many CLI features unavailable Similar to CC on the Web Works in any terminal Works in VSCode forks. GUI operations available Built into Desktop app
  10. CLAUDE.md Purpose Project context understanding Guidance for AI agent Unify

    standards and workflows Example Contents Project overview (background, stack) Feature specs (API def, data flow) Coding standards (name conventions) Guardrails (security) Evaluation & testing (QA verification)
  11. Plan Mode Breaks down tasks into execution plans and gets

    user approval before execution. Interactive question tool allows Claude to ask clarifying questions about implementation Tips: Ctrl + G to edit the plan Ref: code.claude.com/docs/en/common-workflows
  12. Slash Commands (I’ll demo some of these) /add-dir (Add working

    directory) /agents (Create Subagents) /bashes /bug (feedback) /clear (Clear conversation) /compact (Compact conversation) /config /context (Show context) /cost /doctor /exit /export /extra-usage /help /hooks (Create Hooks) /ide /init (Create/update CLAUDE.md) /install-github-app /login /logout /mcp /memory /migrate-installer /model (Switch model) /output-style /permissions /plugin /pr-comments /privacy-settings /release-notes /resume /review (PR review) /rewind (Rewind execution history) /sandbox /security-review /status /statusline /stickers /terminal-setup /todos /upgrade /usage (Check usage) /vim Ref: code.claude.com/docs/en/slash-commands
  13. Custom Slash Commands Make frequently used prompts reusable in Markdown

    Command Execution .claude/ └─ commands/ └─ fix-github-issue.md > /fix-github-issue $ARGUMENTS Ref: code.claude.com/docs/en/slash-commands#custom-slash-commands
  14. Hooks Control Claude Code behavior with scripts. Create Hooks with

    the /hooks command Use Cases Run Formatter/Linter Run tests Notifications Prompt filtering etc. .claude/ └── settings.json └── hooks/ └── pre-commit.sh Ref: code.claude.com/docs/en/hooks-guide, code.claude.com/docs/ja/hooks
  15. Subagents Create specialized AI agents Create Subagents with the /agents

    command Features Parallel execution Independent context Tool and permission management Task-specific agents .claude/ └── agents/ └── agent1.md └── agent2.md Ref: code.claude.com/docs/en/sub-agents
  16. MCP Server Integration Claude Code also supports Model Context Protocol

    (MCP) tool integration Example: Add Playwright MCP server claude mcp add playwright npx @playwright/mcp@latest Ref: code.claude.com/docs/en/mcp, github.com/modelcontextprotocol/servers
  17. Claude Code has a built-in claude-code-guide Subagent that can access

    its official documentation > Tell me about the XX feature in Claude Code
  18. How to Leverage AI Tools in Development Individual Considerations Understand

    the AI model Understand the AI tool Team Considerations Systematization Recommended adoption approaches Regardless of Claude Code, considerations for any AI tool are largely the same
  19. Individual Best Practices Understand the AI Model Model characteristics (strengths,

    behaviors) Model specs (context size) Hallucination tendency (frequency) Knowledge scope (cutoff, training depth) Understand the AI Tool Basic features (available features) Context control methods ( /clear , /compact/ , /context ) Tool strengths (domains, usage patterns) AI tool control methods (Documentation, Plan mode, Hooks, etc.)
  20. Team Best Practices Use AI tool mechanisms and workflows to

    reduce individual dependency Shared context (CLAUDE.md) Guardrails Permission approval settings Hooks Share tools and specialized skills (Plugin System) MCP server integration Subagents Custom slash commands Documentation, issue management, PR reviews Security settings /sandbox , /security-review , /permissions Settings Hierarchy AI tool proficiency varies by person Need mechanisms to bridge the gap /Library/Application Support/ClaudeCode/ # Enterprise settings ├── CLAUDE.md └── settings.json ~/.claude/ # Global settings ├── CLAUDE.md └── settings.json project-root/ # Project settings ├── .claude/ │ ├── CLAUDE.md │ ├── CLAUDE.local.md │ └── settings.json ├── CLAUDE.md # or here └── CLAUDE.local.md (commands, agents, hooks, skills follow the same pattern) Ref: code.claude.com/docs/en/claude-md#memory-types
  21. Recommendation 1: Share CLAUDE.md for Onboarding With proper documentation, one

    can onboard independently by Anthropic Engineer Ref: youtube.com/live/Rei97TSw64g
  22. Recommendation 2: Use Only AI Tools for a Set Period

    Let AI research unknowns Create periods where manual coding is prohibited Have AI-proficient team members share knowledge Create forums to discuss AI tool utilization potential The best way to know AI tool capabilities is hands-on experience
  23. Recommendation 3: Consider SDD Spec-Driven Development(SDD): An approach where humans

    create specs and AI executes them Representative tools: Kiro Spec-Kit cc-sdd A powerful method to control AI tools Works well with mid-to-large enterprise projects Ref: code.claude.com/docs/en/common-workflows, speakerdeck.com/gotalab555/...
  24. Deep Dive into Claude Skills - Part 1 Claude Skills:

    Extension modules for Claude Skills can be flexibly loaded when needed my-skill/ ├── SKILL.md (required) ├── reference.md (optional documentation) ├── examples.md (optional examples) ├── scripts/ │ └── helper.py (optional utility) └── templates/ └── template.txt (optional template) Ref: anthropic.com/engineering/equipping-agents-for-the-real-world-with-agent-skills
  25. Deep Dive into Claude Skills - Part 2: Quick Start

    Both methods install official Anthropic Skills Skill creator frontend-design > /plugin marketplace add https://github.com/anthropics/skills > /plugin install example-slills@anthropic-skills > Create a XX Skill > /plugin marketplace add anthropics/claude-code > /plugin install frontend-design@claude-code-plugins > Implement lp frontend design Ref: code.claude.com/docs/en/skills, github.com/anthropics/skills, github.com/anthropics/claude-code/.../frontend-design
  26. Deep Dive into Claude Skills - Part 3: Experiment How

    much does Skills actually change the implementation? 🤔 (Prompt Left: With Skills, Right: Without Skills) Ref: youtube.com/watch?v=nTOVIGsqCuY for above test prompt
  27. Deep Dive into Claude Skills - Part 4: Results (Left:

    With Skills, Right: Without Skills) Ref: claude.com/blog/improving-frontend-design-through-skills
  28. (Added after the presentation) I turned the Skills used in

    the experiment into a Claude Plugin. It’s demo-level, but feel free to try it out (https://github.com/oikon48/cc-frontend-skills) > /plugin marketplace add oikon48/cc-frontend-skills > /plugin install frontend-skills@cc-frontend-skills Ref: oikon48/cc-frontend-skills
  29. My Thoughts on Claude Code Claude Code is Fascinating Claude

    Code has a simple design but is a profound AI tool Following from major releases reveals the underlying philosophy Should You Bet on Claude Code? Any tool that fits you is fine. It’s good to master at least one In this AI tool war era, worrying about sunk costs is a loss. Switch anytime Future of AI Development Tools Many engineers will write less code AI tools are your ally. Use them first to understand Claude Code (Anthropic) is setting AI milestones
  30. Summary Claude Code has many flexible features. Start using it

    to get familiar Learn the characteristics of AI models and tools, including Claude Code To control Claude Code effectively, systematize and practice @oikon48 Feel free to ask questions on X!
  31. References Claude Code Product Page Claude Code Documentation Claude Code

    Pricing Improving Frontend Design - Claude Blog Anthropic Skills Repository Model Context Protocol Servers Claude Code Plugins - frontend- design Equipping Agents with Skills - Anthropic The Ideal and Reality of Spec-Driven Development Claude Code Best Practice (YouTube) Claude is Horse, Claude Code is Harness Anthropic Engineer Talk - Onboarding Skills Test Prompt Reference
  32. Sandbox Feature Safely execute untested code in isolated environment, preventing

    production impact Secure execution: Network and system file access restrictions Risk management: Test unknown scripts/dependencies, verify side effects Debug support: Faster error reproduction and fix cycles Ref: code.claude.com/docs/en/sandboxing, code.claude.com/docs/en/security
  33. Claude Code GitHub Actions Integrate with CI/CD via GitHub Actions

    for automated review, testing, and fixes Automated code review: Claude Code analyzes code quality and security on PR creation Test automation: Auto-comment with failed test analysis and fix suggestions Continuous improvement: Lint error fixes, doc generation, dependency updates Ref: code.claude.com/docs/en/github-actions, github.com/anthropics/claude-code-action
  34. Types of CLAUDE.md Type Location Purpose Shared With Enterprise macOS:

    /Library/Application Support/ClaudeCode/CLAUDE.md etc. Corporate coding standards, security policies, compliance requirements All users in the organization Project ./CLAUDE.md or ./.claude/CLAUDE.md Project architecture, coding standards, common workflows Team members User Global ~/.claude/CLAUDE.md Code style settings, personal tooling shortcuts Personal (all projects) Project (Local) ./CLAUDE.local.md Personal project-specific settings (deprecated) Personal (current project) (Priority order) Enterprise -> Project (Local) -> Shared Project -> User Global Ref: code.claude.com/docs/en/claude-md#memory-types, code.claude.com/docs/en/settings