frontend-development

80 / 100 · Low risk

Fine to try.

By avibebuilder/claude-prime (GitHub) · coding · 121 stars · scanned at commit 80bcfa4

Use this skill for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer. This includes building components and pages, but equally covers debugging and fixing frontend issues: CSS/Tailwind classes not applying, form validation behavior, hydration mismatches between server and client renders, styling bugs, layout shifts, and rendering problems. Also use for refactoring components (e.g., splitting Server vs Client Components), data fetching patterns, state management, bu…

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

The author does not mention this.

Found in 4 places.

.claude/starter-skills/frontend-development/SKILL.md, line 29- Next.js `fetch()` caches by default in App Router. Add `{ cache: 'no-store' }` or `revalidate: 0` for data that must be fresh. Forgetting this causes stale da
.claude/starter-skills/frontend-development/references/data-fetching/axios.md, line 7import axios from "axios";
.claude/starter-skills/frontend-development/references/data-fetching/axios.md, line 10export const apiClient = axios.create({

Show 1 more

.claude/starter-skills/frontend-development/references/nextjs/patterns.md, line 34- `fetch()` requests are no longer cached by default — use explicit `{ next: { revalidate, tags } }` for caching

Downloads and installs other software

The author does not mention this.

Found in 5 places.

.claude/starter-skills/frontend-development/SKILL.md, line 33- shadcn/ui components are source code, not a library. After `npx shadcn-ui add`, the component lives in YOUR codebase — modify it directly, don't wrap it.
.claude/starter-skills/frontend-development/references/biome.md, line 221npx biome check --staged --write
.claude/starter-skills/frontend-development/references/biome.md, line 224Setup: `npx husky init && echo 'npx biome check --staged --write' > .husky/pre-commit`

Show 2 more

.claude/starter-skills/frontend-development/references/shadcn.md, line 21- For new projects: `npx shadcn@latest init` → select Base UI
.claude/starter-skills/frontend-development/references/shadcn.md, line 49npx shadcn@latest add https://www.diceui.com/r/[component]

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-development' ] || [ -L ~/.agents/skills/'frontend-development' ]; then echo 'A skill folder named frontend-development already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/avibebuilder/claude-prime' "$d" && git -C "$d" checkout --quiet '80bcfa48ccd599df9316954a24f9249be4c703fc' -- '.claude/starter-skills/frontend-development' && mkdir -p ~/.agents/skills && cp -R "$d"/'.claude/starter-skills/frontend-development' ~/.agents/skills/'frontend-development' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-development' ~/.claude/skills/'frontend-development' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for avibebuilder/claude-prime shows the score of its lowest-scoring skill.

SkillTrust badge for avibebuilder/claude-prime

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/avibebuilder/claude-prime.svg)](https://zalavijaysinh.github.io/skilltrust/repos/avibebuilder/claude-prime/)

Score history

Date	Version	Score
2026-11-07	`80bcfa4`	80