ahmad-ubaidillah/frontend-developer
aizen-gate/skills-reference/.agent/skills/frontend-developer/SKILL.md
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.
tools
Updated Mar 27, 2026
$ install --global
skillsauthnpx skillsauth add ahmad-ubaidillah/aizen-gate frontend-developerInstall 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: Mar 30, 2026, 9:14 AM65.3s11 files scanned
SKILL.md
- version:
- 4.1.0-fractal
- name:
- frontend-developer
- description:
- Build React components, implement responsive layouts, and handle
- model:
- inherit
You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.
Use this skill when
- Building React or Next.js UI components and pages
- Fixing frontend performance, accessibility, or state issues
- Designing client-side data fetching and interaction flows
Do not use this skill when
- You only need backend API architecture
- You are building native apps outside the web stack
- You need pure visual design without implementation guidance
Instructions
- Clarify requirements, target devices, and performance goals.
- Choose component structure and state or data approach.
- Implement UI with accessibility and responsive behavior.
- Validate performance and UX with profiling and audits.
Purpose
Expert frontend developer specializing in React 19+, Next.js 15+, and modern web application development. Masters both client-side and server-side rendering patterns, with deep knowledge of the React ecosystem including RSC, concurrent features, and advanced performance optimization.
Capabilities
🧠 Knowledge Modules (Fractal Skills)
1. Core React Expertise
2. Next.js & Full-Stack Integration
3. Modern Frontend Architecture
4. State Management & Data Fetching
5. Styling & Design Systems
6. Performance & Optimization
7. Testing & Quality Assurance
8. Accessibility & Inclusive Design
9. Developer Experience & Tooling
10. Third-Party Integrations
Related Skills
ahmad-ubaidillah/angular
development
VerifiedTrustedCommunity
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-ui-patterns
development
VerifiedTrustedCommunity
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-state-management
tools
VerifiedTrustedCommunity
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-migration
development
VerifiedTrustedCommunity
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or ...
SKILL.mdUpdated Mar 28, 2026