# Claude Code | Frontend Masters ### Introduction **Introduction** [00:01:19](https://frontendmasters.com/courses/claude-code/introduction?t=79) Check out the [Claude Code Docs](https://code.claude.com/docs/en/overview) for installation options **Claude Code Under the Hood** [00:00:50](https://frontendmasters.com/courses/claude-code/claude-code-under-the-hood?t=50) test [00:13:27](https://frontendmasters.com/courses/claude-code/claude-code-under-the-hood?t=807) Here's a link to check out the [Claude Desktop app](https://code.claude.com/docs/en/desktop-quickstart) ### Permissions, Skills, & Hooks **CLAUDE.md & Plan Mode** [00:00:13](https://frontendmasters.com/courses/claude-code/claude-md-plan-mode?t=13) Here's a link to check out the [demo issue tracker](https://github.com/lydiahallie/demo-issue-tracker) [00:04:49](https://frontendmasters.com/courses/claude-code/claude-md-plan-mode?t=289) Run the Issue Tracker app with `bun run dev` [00:05:18](https://frontendmasters.com/courses/claude-code/claude-md-plan-mode?t=318) Here's a link to check out [Claude AI Design](https://claude.ai/design) [00:09:03](https://frontendmasters.com/courses/claude-code/claude-md-plan-mode?t=543) Note: Claude Design requires a subscription **Permissions** [00:01:49](https://frontendmasters.com/courses/claude-code/permissions?t=109) `/permissions` [00:02:24](https://frontendmasters.com/courses/claude-code/permissions?t=144) Set permissions in a `.claude/settings.json` file [00:02:39](https://frontendmasters.com/courses/claude-code/permissions?t=159) `/fewer-permission-prompts` [00:03:32](https://frontendmasters.com/courses/claude-code/permissions?t=212) Here's a link to check out the [Configure server-managed settings](https://code.claude.com/docs/en/server-managed-settings#configure-server-managed-settings) docs [00:07:01](https://frontendmasters.com/courses/claude-code/permissions?t=421) You can switch models with the `/model` slash command **Effort & Context Windows** [00:01:23](https://frontendmasters.com/courses/claude-code/effort-context-windows?t=83) Switch effort levels in the `/model` settings **Skills** [00:00:56](https://frontendmasters.com/courses/claude-code/skills?t=56) Skill Creator is a Plugin. [Check out the documentation](https://claude.com/plugins/skill-creator) for more information. [00:02:52](https://frontendmasters.com/courses/claude-code/skills?t=172) Lydia forgot to make a "review" subdirectory for the skill: `.claude/skills/review/SKILL.md [00:04:08](https://frontendmasters.com/courses/claude-code/skills?t=248) `/reload-plugins` [00:04:15](https://frontendmasters.com/courses/claude-code/skills?t=255) The `/review` skill that's running is a built in skill. The custom skill needs a new name and to be in a sub directory [00:04:56](https://frontendmasters.com/courses/claude-code/skills?t=296) The `SKILL.md` file is now in the `.claude/skills/code-reviewer` directory [00:07:54](https://frontendmasters.com/courses/claude-code/skills?t=474) Here's a link to the [Extend Claude with skills docs]()https://code.claude.com/docs/en/skills [00:08:05](https://frontendmasters.com/courses/claude-code/skills?t=485) Here's a link to [the advanced patterns](https://code.claude.com/docs/en/skills#advanced-patterns) docs **Skill Creator** [00:00:34](https://frontendmasters.com/courses/claude-code/skill-creator?t=34) Here's a link to check out the [skill creator plugin](https://claude.com/plugins/skill-creator) [00:01:10](https://frontendmasters.com/courses/claude-code/skill-creator?t=70) Here's a link to the [skill creator repo](https://github.com/anthropics/skills/tree/main/skills/skill-creator) [00:02:14](https://frontendmasters.com/courses/claude-code/skill-creator?t=134) `/power-up` [00:03:31](https://frontendmasters.com/courses/claude-code/skill-creator?t=211) Here's a link to check out [What's new](https://code.claude.com/docs/en/whats-new) [00:08:35](https://frontendmasters.com/courses/claude-code/skill-creator?t=515) Here's a link to the [Extend Claude with skills docs]()https://code.claude.com/docs/en/skills **Hooks** [00:01:59](https://frontendmasters.com/courses/claude-code/hooks?t=119) `/hooks` [00:04:48](https://frontendmasters.com/courses/claude-code/hooks?t=288) Here's a link to the [Submit your plugin docs](https://code.claude.com/docs/en/plugins#submit-your-plugin-to-the-official-marketplace) [00:05:27](https://frontendmasters.com/courses/claude-code/hooks?t=327) Here's a link to [skills.sh](https://skills.sh) **Subagents** [00:05:10](https://frontendmasters.com/courses/claude-code/subagents?t=310) `@"code-reviewer (agent)" analyze the code` ### Plugins & Claude Desktop **Plugins Overview** [00:00:38](https://frontendmasters.com/courses/claude-code/plugins-overview?t=38) `/plugins` [00:01:30](https://frontendmasters.com/courses/claude-code/plugins-overview?t=90) Here's a link to check out the [demo issue tracker](https://github.com/lydiahallie/demo-issue-tracker) [00:02:44](https://frontendmasters.com/courses/claude-code/plugins-overview?t=164) The exercise is [in the repo](https://github.com/lydiahallie/demo-issue-tracker/blob/plugin-exercise/EXERCISE.md) [00:03:37](https://frontendmasters.com/courses/claude-code/plugins-overview?t=217) Lydia's solution is on the [plugin-exercise-solution branch](https://github.com/lydiahallie/demo-issue-tracker/tree/plugin-exercise-solution/plugin) **MCP Overview** [00:00:30](https://frontendmasters.com/courses/claude-code/mcp-overview?t=30) Here's a link to our [Complete Intro to MCP course](https://frontendmasters.com/courses/mcp/) **Claude Code Desktop GitHub Workflow** [00:08:02](https://frontendmasters.com/courses/claude-code/claude-code-desktop-github-workflow?t=482) Here's a link to the [memory docs](https://code.claude.com/docs/en/memory) **Cowork** [00:00:02](https://frontendmasters.com/courses/claude-code/cowork?t=2) Here's a link to check out [Claude Cowork](https://www.anthropic.com/product/claude-cowork) **Agent SDK** [00:00:06](https://frontendmasters.com/courses/claude-code/agent-sdk?t=6) Here's a link to the [Agent SDK docs](https://code.claude.com/docs/en/agent-sdk/overview) ### Wrapping Up **Wrapping Up** [00:00:01](https://frontendmasters.com/courses/claude-code/wrapping-up?t=1) Check out our [AI Learning Path](https://frontendmasters.com/learn/ai/) to dive deeper into AI Engineering!