What are Claude Code Skills?

Claude Code Skills are reusable prompt templates stored as markdown files in your project's .claude/skills/ directory. They let you codify best practices and common workflows into slash commands that Claude follows consistently.

How do I create a Claude Code Skill?

Create a markdown file in .claude/skills/ with instructions for Claude. The filename becomes the command name — for example, .claude/skills/code-review.md can be invoked with /code-review during a Claude Code session.

Can I share skills with my team?

Yes. Skills stored in .claude/skills/ can be committed to version control so every team member has access to the same standardized workflows. You can also organize skills into subdirectories by category.

What is the difference between project and global skills?

Project skills (.claude/skills/) are specific to the current project and are committed to git. Global skills (~/.claude/skills/) are personal skills available across all your projects.

frontend-fundamentals

New

1.9kCommunity RegistryGeneralby Toss

Frontend development best practices: code quality principles (readability, predictability, cohesion, coupling) and accessibility guidelines by Toss

Community PluginView Source

Overview

!Frontend Fundamentals

Frontend Fundamentals

Essential principles for frontend development

Frontend Fundamentals (FF) is a growing collection of essential principles for building reliable, maintainable, and accessible frontend applications. It helps you answer common but tricky questions like how to judge code quality, why bundling behaves differently in dev vs. production, how screen readers interpret your UI, and how to debug efficiently.

https://frontend-fundamentals.com/code-quality/en/

🧭 When to Use

•🦨 When you're unsure about your code but find it hard to explain the issues logically
•🧯 When you're trying to debug a persistent frontend bug and want to double-check your fundamentals
•👥 When you're reviewing UI code for accessibility and want concrete do's and don'ts
•🛠️ When your team is setting shared standards for clean, robust frontend code

📚 Collections

Contributing

Frontend Fundamentals (FF) is a community-driven project to establish standards for writing good code.

If you have a piece of code you're unsure about, post it on the GitHub Discussions page. The community can provide diverse reviews of your code, helping you and others think critically about what makes good code. Highly supported cases may even make it into the Frontend Fundamentals documentation. Contribution guidelines will be announced soon.

•Post on GitHub Discussions

License

MIT © Viva Republica, Inc. See LICENSE for details.

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

mkdir -p .claude/skills && curl -o .claude/skills/frontend-fundamentals.md https://raw.githubusercontent.com/toss/frontend-fundamentals/main/SKILL.md

Invoke in Claude Code

/frontend-fundamentals

View source on GitHub

frontend

Frequently Asked Questions

What is frontend-fundamentals?

Frontend development best practices: code quality principles (readability, predictability, cohesion, coupling) and accessibility guidelines by Toss

How to install frontend-fundamentals?

To install frontend-fundamentals, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /frontend-fundamentals.

What is frontend-fundamentals best for?

frontend-fundamentals is a community categorized under General. It is designed for: frontend. Created by Toss.