academindOfficial·8 Agent Skills Included

claude-code-course-resources

Modern React, Next.js, TypeScript, and web security best practices

Enforces modern coding standards for React, Next.js, TypeScript, Tailwind, and Bun projects. Prevents common mistakes like unnecessary useEffect hooks, unsafe types, weak accessibility, and security vulnerabilities. Guides code generation toward clean, tested, production-ready web applications with less manual review.

142|157

↗

npx skills add academind/claude-code-course-resources --all -g -y

Available:

Directs the agent to build the note-taking app per the spec, enforce strict TypeScript, Bun, and security rules, and verify every UI change with build, lint, tests, and browser checks.

All Skills in This Repository (8)

Pure Emerald Level Indicators

📦 In Repo

academind

modern-best-practice-react-components

Guide React component development with modern best practices for state and effects.

bun-first

Configure projects to use Bun for runtime, package management, and task running.

use-modern-browser-apis

Implement lazy loading and UI features with modern browser APIs.

clean-typescript

Enforce explicit typing and modern TypeScript best practices.

modern-best-practice-nextjs

Guide Next.js App Router development with server components and Suspense.

modern-accessible-html-jsx

Generate semantic, accessible HTML and JSX code with proper ARIA usage.

web-security

Enforce web security best practices and mitigate XSS and injection vulnerabilities.

modern-tailwind

Apply modern Tailwind CSS best practices for scalable UI development.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install claude-code-course-resources?▼

Run `npx skills add academind/claude-code-course-resources --all -g -y` in your terminal to install all skills globally.

What do these coding skills cover?▼

They cover clean TypeScript, modern React and Next.js patterns, accessible HTML, Tailwind styling, Bun-first tooling, browser APIs, and web security rules.

How do these skills improve React code?▼

They steer the agent away from unnecessary useEffect and useState, favoring derived values, server components, and small focused components.

Do these skills work with Cursor and Claude Code?▼

Yes. All skills follow the universal SKILL.md standard and work in Claude Code, Cursor, OpenClaw, and similar coding environments.

Are these skills useful for beginners?▼

Yes. They were built as course companions, so they teach best practices while the agent applies them automatically to your project.