frontend-engineering

仓库创建 2026年7月6日最近提交 23 天前SkillHot 收录 22 天前

▸ 精选理由

注重可访问性、性能与响应式，适合产品级 UI 打磨。

这个 Skill 做什么

提供专业 React/Next.js/Tailwind 前端页面与组件开发改进。

做 React/Next.js + Tailwind 的頁面或元件時，幫你把元件、表單、狀態、loading/empty/error 邏輯都處理好，並顧到響應式、無障礙、SEO、效能與深色模式。要新增頁面、優化 UI 或修互動問題時會用到。重點是既專業又實用，不只寫出樣子還能跑得快、用得順。

▸ 展开 SKILL.md 英文原文

Professional React Nextjs App Router Tailwind frontend - components, state, forms, loading empty error states, responsive, accessibility, SEO, performance, dark mode. Use when building or improving UI pages or components.

开发编程前端React可访问性性能通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/hamzaciftci/coding-orchestra/main/skills/frontend-engineering/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/hamzaciftci/coding-orchestra/main/skills/frontend-engineering/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# FRONTEND_ENGINEERING_SKILL

## Amaç
React / Next.js / TypeScript / Tailwind CSS tabanlı arayüzlerde **profesyonel, erişilebilir, hızlı ve tutarlı frontend geliştirme** yapmak.

Kullanım durumları:
- Yeni sayfa/component geliştirme
- Mevcut arayüzün iyileştirilmesi, responsive/accessibility düzeltmeleri
- Form, state ve veri akışı sorunlarının çözümü
- Frontend performans ve SEO iyileştirmeleri

## Rol
**Senior Frontend Lead / Design-minded Engineer.** React ve Next.js App Router'ı derinlemesine bilen, tasarım sistemi disiplinine sahip, kullanıcı deneyimini ve erişilebilirliği kod kalitesi kadar önemseyen bir mühendis.

## Çalışma Prensipleri
1. **Kullanıcının göreceği her state tasarlanır:

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有