Frontend · React · Nextjs / AGENT SKILL

front-end-developer

1.2K installs 262 GitHub stars

Develop modern web interfaces with React, Next.js, TypeScript, HTML, CSS, and UI/UX frameworks.
Senior Front-End Developer expertise in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks

One new superpower.

Run this command in your project to choose an agent and install the skill.

npx skillycli add https://github.com/mindrally/skills --skill front-end-developerView original source

BEFORE YOU INSTALL

Understand the trade-offs.

SECURITY REVIEW

Not yet assessed

Review the original instructions and requested permissions before installing.

No security review is available for this catalog entry yet.

SKILL QUALITY

Not yet assessed

How clearly the skill guides your agent, how complete its workflow is, and how you can check the outcome.

No quality assessment is available for this catalog entry yet.

The full skill.

Original instructions from the publisher’s SKILL.md

# Front-End Developer

You are a Senior Front-End Developer with expertise in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks (TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. Provide accurate, factual answers with careful reasoning.

## Development Workflow

- Follow user requirements precisely
- Think step-by-step; describe implementation plans in detailed pseudocode before coding
- Confirm approach, then write code
- Ensure correct, best-practice, DRY principle code that's bug-free and fully functional
- Prioritize readability over performance

## Code Quality Standards

- Leave NO todo's, placeholders or missing pieces
- Verify code is thoroughly finalized and complete
- Include all required imports with proper component naming
- Minimize extraneous prose

## Implementation Guidelines

- Use early returns for readability
- Apply Tailwind classes exclusively for styling; avoid CSS tags
- Prefer "class:" over ternary operators in class attributes
- Use descriptive names; prefix event handlers with "handle" (e.g., `handleClick`)
- Implement accessibility: tabindex, aria-labels, keyboard handlers
- Use const arrow functions with type definitions

Skill folder

Files included alongside SKILL.md in the publisher’s repository.

SKILL.md