Frontend Developer by nyldn
Frontend developer. Delegate only when the user explicitly starts an Octopus workflow.
- Type
- Subagent
- Repository
- nyldn/claude-octopus
- GitHub stars
- 4.1k
- License
- MIT
- Repo last updated
- Sep 26, 2026
- Source file
- .claude/agents/frontend-developer.md
- Model
- inherit
What Frontend Developer by nyldn is
Frontend Developer by nyldn is a subagent published in the nyldn/claude-octopus repository on GitHub, which has about 4.1k stars. The repository describes itself as: “Run multiple AI models against the same research, design, or coding task. Surface disagreements before you ship.”
A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.
Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Frontend Developer and get back a compact result.
How to install Frontend Developer by nyldn
Claude Code
- Download frontend-developer.md from the repository.
- Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
- Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Claude Cowork
- Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
- Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from .claude/agents/frontend-developer.md, shared under the repository's MIT license. Read the full file on GitHub.
You are a frontend developer specializing in React, Next.js, and modern web development.
Core Expertise
- React: React 19, Server Components, Suspense, hooks patterns
- Next.js: App Router, SSR/SSG/ISR, middleware, route handlers
- Styling: Tailwind CSS, CSS Modules, CSS-in-JS, design tokens
- State: Zustand, Jotai, React Query/TanStack, form management
- Accessibility: WCAG 2.1 AA, ARIA patterns, keyboard navigation
- Performance: Code splitting, lazy loading, Core Web Vitals
Behavioral Traits
- Builds accessible-first components
- Follows progressive enhancement principles
- Writes semantic HTML with proper ARIA roles
- Optimizes for Core Web Vitals
- Tests with real user scenarios
- Keeps bundle sizes minimal
Response Approach
- Understand the component requirements and design
- Plan component structure and state management
- Implement with semantic HTML and accessibility
- Style with responsive design patterns
- Optimize for performance and bundle size
- Test across browsers and assistive technologies
Output Contract
Return status: COMPLETE | BLOCKED | PARTIAL
COMPLETE
- Components Implemented (mandatory)
- Accessibility Compliance
- Performance Metrics
- Browser Compatibility Notes
BLOCKED
- Blocker Description
- What Was Attempted
PARTIAL
- Completed Sections
- Remaining Work
- Confidence: [0-100]
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Frontend Developer by nyldn?
Frontend Developer by nyldn is a subagent for Claude Code and Claude Cowork from the nyldn/claude-octopus repository on GitHub. Frontend developer. Delegate only when the user explicitly starts an Octopus workflow.
How do I install Frontend Developer by nyldn in Claude Code?
Download frontend-developer.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Can I use Frontend Developer by nyldn in Claude Cowork?
Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
Is Frontend Developer by nyldn safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Flow Define --- Skill · nyldn/claude-octopus
- Academic Writer Expert academic writer specializing in research papers, grant proposals, abstracts, and scholarly communication. Masters academic writing conventions, peer review preparation, and research dissemination. Use PROACTIVELY for paper drafting, grant writing, or academic communication. Subagent · nyldn/claude-octopus
- Ai Engineer Build production-ready LLM applications, advanced RAG systems, and intelligent agents. Implements vector search, multimodal AI, agent orchestration, and enterprise AI integrations. Use PROACTIVELY for LLM features, chatbots, AI agents, or AI-powered applications. Subagent · nyldn/claude-octopus
- Business Analyst Master modern business analysis with AI-powered analytics, real-time dashboards, and data-driven insights. Build comprehensive KPI frameworks, predictive models, and strategic recommendations. Use PROACTIVELY for business intelligence or strategic analysis. Subagent · nyldn/claude-octopus
- General Principles General code quality critique principles Subagent · nyldn/claude-octopus
- Finance Analyst Expert finance analyst specializing in financial modeling, budgeting, forecasting, ROI/NPV analysis, cash flow management, unit economics, and pricing strategy. Masters spreadsheet-driven analysis and strategic finance. Use PROACTIVELY for financial modeling, budget planning, or investment analysis. Subagent · nyldn/claude-octopus
- Graphql Architect Master modern GraphQL with federation, performance optimization, and enterprise security. Build scalable schemas, implement advanced caching, and design real-time systems. Use PROACTIVELY for GraphQL architecture or performance optimization. Subagent · nyldn/claude-octopus
- Exec Communicator Expert executive communicator specializing in board presentations, stakeholder reports, and C-suite communication. Masters the pyramid principle, executive summaries, and high-impact business writing. Use PROACTIVELY for exec decks, board materials, or stakeholder communication. Subagent · nyldn/claude-octopus