skills.rest
furrycolombia-sys
furrycolombia-sysCOMMUNITY
Explore all skills by this author →
GitHub

senior-frontend

Automate React/Next.js frontend workflows with TypeScript and Tailwind.

1|Updated Mar 18, 2026
Search Tags:#typescript#workflow#frontend#react#next.js#code-review#tailwind-css
One-click install
npx skills add https://github.com/furrycolombia-sys/candyshop --skill senior-frontend-furrycolombia-sys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senior-frontend
Source: https://github.com/furrycolombia-sys/candyshop/tree/main/.agents/skills/senior-frontend
Command: npx skills add https://github.com/furrycolombia-sys/candyshop --skill senior-frontend-furrycolombia-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standardizes frontend development workflows by codifying best practices and the canonical Claude workflow for Codex interactions, reducing ad-hoc decisions and drift.

Core Features & Use Cases

  • Guides frontend tasks across React, Next.js, TypeScript, and Tailwind CSS with consistent patterns.
  • Bridges Claude and Codex workflows, ensuring actions follow a trusted, source-of-truth process.
  • Assists in code reviews and UI design integration by applying the established workflow.

Quick Start

Read the canonical Claude workflow at .claude/skills/senior-frontend/SKILL.md and apply it to your Codex tasks.

Frequently Asked Questions about senior-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize React and Next.js frontend development workflows?▼

Standardize React and Next.js frontend workflows by applying a canonical SKILL.md process that codifies best practices, reducing ad-hoc decisions and drift across feature development and UI refactoring.

What is the best way to automate TypeScript code reviews for Tailwind CSS projects?▼

Automate TypeScript and Tailwind CSS code reviews by integrating a structured workflow that enforces consistent patterns and safe integration with Claude and Codex pipelines for reviewing UI design.

Can I use this workflow to refactor UI components in a Next.js application?▼

Yes, you can use this workflow to refactor UI components in a Next.js application, as it specifically guides frontend tasks across React, Next.js, TypeScript, and Tailwind CSS with consistent patterns.

How does the Claude workflow integrate with Codex pipelines for frontend tasks?▼

The Claude workflow integrates with Codex pipelines by using the SKILL.md file as a single source of truth, ensuring actions follow a trusted process and bridging the two environments safely.

Do I need a specific environment setup to apply this React and TypeScript workflow?▼

You need a React or Next.js project using TypeScript and Tailwind CSS, plus access to the canonical .claude/skills/senior-frontend/SKILL.md file to apply the structured workflow to your Codex tasks.

Related Skills

Explore More Software Engineering Skills→
ComposioHQComposioHQ
1.9k

senior-frontend

Scaffold React or Next.js projects with TypeScript and Tailwind CSS.

Official
Intermediate
SolaneHubSolaneHub

react-best-practices

Review React and Next.js code for performance anti-patterns.

Community
Advanced
furrycolombia-sysfurrycolombia-sys
1

investigate-error

Automate structured error investigation by following a canonical Claude workflow.

Community
Advanced
gaoqiongxiegaoqiongxie
1

frontend-code-review

Review React and TypeScript code across performance, accessibility, and type safety dimensions.

Community
Intermediate