Review Frontend Component Fundamentals
Frontend reviews often miss architecture, state, accessibility, and performance issues until components become hard to maintain. This skill guides Claude, Codex, and Claude Code through focused checklist questions and review patterns for component quality.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "frontend-fundamentals" from https://skillstore.io/skills/danielpodolsky-frontend-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-frontend-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "frontend-fundamentals". A dashboard component handles data loading, routing decisions, state updates, and all presentation.
Expected outcome:
The review would recommend splitting the container responsibilities from smaller presentation components and extracting the data loading logic.
Using "frontend-fundamentals". A component passes the same user object through four nested layers to one widget.
Expected outcome:
The review would flag prop drilling and ask whether a closer data source or shared context would make the dependency clearer.
Using "frontend-fundamentals". A list view filters items during every render and uses generic containers for interactive controls.
Expected outcome:
The review would suggest memoizing expensive derived values and replacing nonsemantic interactive elements with accessible controls.
All eight static findings are false positives caused by Markdown fenced examples in SKILL.md, not Ruby or shell backtick execution. The skill is prose guidance for frontend code review, and no semantic evidence of prompt injection, data exfiltration, or unsafe operational intent was found.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/danielpodolsky-frontend-fundamentals/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/danielpodolsky-frontend-fundamentals?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/danielpodolsky-frontend-fundamentals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-frontend-fundamentals/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/danielpodolsky-frontend-fundamentals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>DanielPodolsky. (2026). frontend-fundamentals security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-frontend-fundamentals/audits/8@techreport{danielpodolsky-danielpodolsky-frontend-fundamentals-2026,
author = {DanielPodolsky},
title = {frontend-fundamentals security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/danielpodolsky-frontend-fundamentals/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-fundamentals security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "DanielPodolsky"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/danielpodolsky-frontend-fundamentals/audits/8"
identifiers:
- type: other
value: "skillstore:danielpodolsky-frontend-fundamentals:audit:8"
description: "Skillstore immutable audit report identifier"
Apply a structured checklist before merging frontend component changes.
Use guided questions to help a developer identify splitting, state, and naming issues.
Assess a component set for repeated patterns that increase complexity and review cost.
Review this frontend component with the frontend-fundamentals checklist. Focus on one responsibility, prop count, and accessibility.
Review these related components for state management. Identify which state should stay local, move upward, or use server state tools.
Audit this UI change for avoidable re-renders, heavy rendering work, lazy loading opportunities, semantic HTML, and keyboard access.
Review this pull request as a mentor. Ask Socratic questions first, then list the highest-impact frontend architecture changes.
Author
DanielPodolskyLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Repository
https://github.com/DanielPodolsky/mentor-spec/tree/main/.claude/skills/fundamentals/frontendRef
34f316ba14ef36c7a620fc09f2676d2429997a77
Maintenance freshness
7/22/2026
Usage
15 downloads · 181 views
File structure
📄 SKILL.md
Review Code Fundamentals
Small readability problems make code reviews slower and harder to maintain. This skill reviews naming, structure, reuse, and comments so Claude, Codex, or Claude Code can return clear pass or suggestion guidance.
Review Engineering Fundamentals
Teams often need consistent feedback on readability, naming, and code organization. This skill gives Claude, Codex, and Claude Code a practical checklist for everyday code quality review.
Review Performance Risks Before Release
Performance risks often appear after code works but before scale exposes weak paths. This skill guides Claude, Codex, and Claude Code through focused performance review questions.
Review Error Handling Fundamentals
Poor error handling hides failures, confuses users, and slows production debugging. This skill guides reviews toward clear messages, recovery paths, and useful logs.
Review Security Before Release
Teams miss security issues when release checks are informal. This skill guides Claude, Codex, and Claude Code through structured security questions and warning templates.
Review React Accessibility Fundamentals
Interactive React interfaces often miss keyboard, labeling, and focus requirements. This skill guides Claude, Codex, and Claude Code through practical WCAG checks for JSX, forms, navigation, and dialogs.
Optimize React and Next.js Code
by vercel-labs
React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.
Implement React View Transitions
by vercel-labs
React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.
Improve Vue Options API Code
by vuejs-ai
Vue Options API projects often lose type safety and correct this binding. This skill gives focused rules for safer Vue 3 components.
Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Improve Vue Router Navigation Patterns
by vuejs-ai
Vue Router bugs often come from guard flow, route params, and component lifecycle assumptions. This skill gives Claude, Codex, and Claude Code focused patterns for safer Vue Router 4 implementations.
Review Code with Structured Quality Checks
by alirezarezvani
Code reviews can miss quality, security, and maintainability issues. This skill guides structured reviews with scripts, checklists, and report generation.