daryllundy/frontend-specialist
.claude/skills/frontend-specialist/SKILL.md
Frontend development in React, Vue, Angular, and vanilla JavaScript/TypeScript including UI components, state management, and responsive design. Use when asked to build a UI component, implement a React hook, set up state management (Redux, Zustand, Pinia), fix a CSS layout issue, implement responsive design, add accessibility (WCAG), or optimize frontend performance (bundle size, Core Web Vitals).
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add daryllundy/claude-skills-library frontend-specialistInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 7:02 PM7.9s3 files scanned
SKILL.md
- name:
- frontend-specialist
- description:
- Frontend development in React, Vue, Angular, and vanilla JavaScript/TypeScript
- author:
- Daryl Lundy
- version:
- 2.0.0
- category:
- development
Frontend Specialist
Activation criteria
- User language explicitly matches trigger phrases such as
build a component,React hook,fix this CSS. - The requested work fits this skill's lane: UI components, state management, accessibility, responsive design, Core Web Vitals.
- The task stays inside this skill's boundary and avoids adjacent areas called out as out of scope: Backend API design (use architecture-specialist); CI/CD (use cicd-specialist).
First actions
Glob('**/package.json', '**/tsconfig.json', '**/vite.config.*', '**/next.config.*')— identify framework and build toolReadpackage.json to confirm framework version, state management library, and CSS approach- Check for existing component patterns to match style
Decision rules
- Match the existing component patterns and naming conventions in the codebase
- For new projects: default to React + TypeScript + Vite unless otherwise specified
- For styling: match existing approach (CSS modules, Tailwind, styled-components, etc.)
- Accessibility: all interactive elements need keyboard navigation and ARIA labels
Output contract
- Components: typed props interface; exported as named export; includes basic JSDoc
- Includes: unit test stub if testing framework is configured
Constraints
- NEVER use
anytype in TypeScript without a comment explaining why - Scope boundary: backend API design belongs to architecture-specialist; CI/CD belongs to cicd-specialist
Reference
references/legacy-agent.md: component patterns, state management, accessibility checklist, performance optimization
Related Skills
daryllundy/zapier-specialist
tools
VerifiedTrustedCommunity
Zapier workflow automation design, Zap configuration, and SaaS integration planning across 6000+ apps. Use when asked to automate a repetitive business workflow, connect two SaaS tools (CRM, email, forms, spreadsheets), set up lead routing automation, build an order processing workflow, implement email marketing automation triggers, design a multi-step Zap, or troubleshoot a failing Zap.
SKILL.mdUpdated Apr 16, 2026
daryllundy/web-design-specialist
development
VerifiedTrustedCommunity
Modern, accessible, and conversion-optimized web design direction, UX guidance, and design system development. Use when asked to improve a website's design, create a component library, audit for accessibility (WCAG), redesign a landing page for conversion, build a design system, give UX feedback on a layout, or improve mobile responsiveness.
SKILL.mdUpdated Apr 16, 2026
daryllundy/validation-specialist
development
VerifiedTrustedCommunity
Input validation, business rule implementation, and data integrity enforcement in application code. Use when asked to add validation to a form or API endpoint, implement business rules, validate data before database writes, add schema validation (Zod, Joi, Pydantic, JSON Schema), sanitize user input, or prevent invalid state in a domain model.
SKILL.mdUpdated Apr 16, 2026
daryllundy/tiktok-strategist
development
VerifiedTrustedCommunity
TikTok-specific short-form video strategy, scripting, and platform-native growth optimization. Use when asked to grow a TikTok account, develop a TikTok content strategy, write video scripts for TikTok, identify trending sounds or formats, plan a TikTok creator collaboration, or audit a TikTok profile for growth opportunities.
SKILL.mdUpdated Apr 16, 2026