senior-frontend
Build Frontend Apps Faster
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.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/davila7-senior-frontend.md and its manifest at https://skillstore.io/api/skills/davila7-senior-frontend/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.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "senior-frontend". Review my dashboard page for frontend quality.
Expected outcome:
- A prioritized review of rendering risks, component structure, accessibility gaps, and test coverage.
- Clear next steps that separate quick fixes from larger refactors.
Using "senior-frontend". Help me build a reusable form component.
Expected outcome:
- A component plan with props, validation behavior, error states, accessibility requirements, and usage guidance.
- Testing suggestions for keyboard flow, invalid input, and loading states.
Using "senior-frontend". Find ways to reduce the JavaScript bundle size.
Expected outcome:
- A bundle review checklist covering dependencies, dynamic imports, route splitting, and measurement steps.
- A short action list ordered by likely performance impact.
Security Audit
SafeAll static findings were adjudicated as false positives. The skill contains local documentation, sample developer commands, and simple scripts that write user-requested JSON output, with no evidence of prompt injection, credential exfiltration, or hidden command execution.
Risk Factors
๐ Filesystem access (3)
โ๏ธ External commands (24)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/davila7-senior-frontend/audits/13?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/davila7-senior-frontend.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA ยท BibTeX ยท CFF)
APA citation
davila7. (2026). senior-frontend security audit report (audit version 13) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-senior-frontend/audits/13BibTeX citation
@techreport{davila7-davila7-senior-frontend-2026,
author = {davila7},
title = {senior-frontend security audit report (audit version 13)},
institution = {Skillstore},
year = {2026},
number = {13},
url = {https://skillstore.io/skills/davila7-senior-frontend/audits/13},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "senior-frontend security audit report (audit version 13)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/davila7-senior-frontend/audits/13"
identifiers:
- type: other
value: "skillstore:davila7-senior-frontend:audit:13"
description: "Skillstore immutable audit report identifier"
Compare variants
2 installable variantsEach author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
davila7-senior-frontend
2026-08-21
alirezarezvani-senior-frontend
2026-08-21
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Create a reusable React component
Use the skill to plan props, structure files, and align the component with project conventions.
Review a Next.js performance issue
Ask for a structured review of rendering, bundle size, caching, and loading behavior.
Standardize frontend project setup
Use the scaffolding guidance to create a consistent baseline for teams starting new web work.
Try These Prompts
Help me design a React component for this feature. Include props, state needs, accessibility checks, and test ideas.
Review this Next.js page for maintainability, loading behavior, and user experience. Suggest focused improvements only.
Audit this frontend flow for bundle size, rendering cost, caching, and Core Web Vitals risks. Prioritize fixes by impact.
Create an implementation plan for this frontend feature. Cover architecture, component boundaries, data flow, testing, and rollout risks.
Best Practices
- Use the skill with a specific file, component, route, or performance goal.
- Run project tests and browser checks after applying frontend changes.
- Treat the helper scripts as local tools and review output paths before writing files.
Avoid
- Do not ask for broad rewrites when a focused component fix is enough.
- Do not apply performance changes without measuring before and after.
- Do not treat generic reference examples as production-ready code without adaptation.
Frequently Asked Questions
What frameworks does this skill focus on?
Can it generate production-ready components?
Does it run commands automatically?
Is it useful for performance work?
Does it include security guidance?
What should I verify after using it?
Developer Details
Author
davila7License
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
b959ebfd1043a07c0c4378ab94ca4342cb0259f5
Maintenance freshness
7/20/2026
Usage
16 downloads ยท 197 views
File structure
๐ references/
๐ frontend_best_practices.md
๐ nextjs_optimization_guide.md
๐ react_patterns.md
๐ scripts/
๐ bundle_analyzer.py
๐ SKILL.md