claude

frontend

Frontend — React, Next.js, TypeScript, 상태 관리, CSS, 성능, 테스트

0 on GitHubby ressKim-ioMITupdated yesterdaylanguage
/

Plugin frontend from marketplace ress in ressKim-io/ress-claude-agents. Commands read from the repo's manifest — yesterday.

What it installs

Skills (7)

  • css-design-system

    CSS 와 디자인 시스템 — Tailwind CSS 4, Design Token, Shadcn/ui, Radix UI, Atomic Design, Dark Mode, 반응형, a11y. Use when Tailwind 로 스타일링하거나 UI 컴포넌트 라이브러리와 디자인 토큰을 구축할 때.

  • frontend-performance

    프론트엔드 성능 — Core Web Vitals(LCP·INP·CLS), 번들 분석, Code Splitting, 이미지·폰트·스크립트 최적화, Prefetching. Use when 웹 페이지 로딩이 느리거나 Lighthouse·Web Vitals 점수를 개선할 때.

  • frontend-testing

    프론트엔드 테스트 — Vitest, Testing Library, MSW, Playwright E2E, React Server Component 테스트, Test ID 전략, CI. Use when React 컴포넌트·API mock·E2E 테스트를 작성하거나 테스트 도구를 구성할 때.

  • nextjs

    Next.js App Router — React Server Components, Data Fetching, ISR, Route Handlers, Middleware, Parallel·Intercepting Routes, Server Actions, 캐싱. Use when Next.js 앱의 라우팅·데이터 패칭·캐싱을 설계하거나 구현할 때.

  • react-patterns

    React 설계 패턴 — React 19 기능, Server vs Client Component, Suspense·Error Boundary, 컴포넌트 설계, Form 처리. Use when React 컴포넌트를 설계하거나 Server Component 경계와 비동기 UI 를 구성할 때.

  • state-management

    React 상태관리 — TanStack Query, Zustand, Jotai, Context, URL state 선택 기준. Use when 서버 상태와 클라이언트 상태를 나누거나 어떤 상태관리 라이브러리를 쓸지 정할 때.

  • typescript

    TypeScript 타입 시스템 — Generic, Utility Types, Discriminated Union, Type Narrowing, Branded Type, Zod 스키마 검증, tsconfig 설정. Use when 복잡한 타입을 설계하거나 타입 안전성을 높이고 tsconfig 를 정할 때.

Subagents (1)

  • frontend-expert

    Frontend 전문가 — React 19, Next.js 15/16 App Router, React Server Components, React Compiler, Core Web Vitals, 접근성, Vitest/Playwright. Use when frontend-specific Server/Client component 경계 / 성능 / 접근성 검증이 필요할 때. 일반 코드 품질(가독성, 테스트, 명명, 중복)은 code-reviewer 사용. 두 agent 함께 호출 시 frontend 특화 영역은 frontend-expe

View source on GitHub

More from ressKim-io/ress-claude-agents

All 18 plugins →

dx

claude

개발 공통 — 코드 리뷰, Git·PR 워크플로우, ADR·문서 템플릿, 온보딩, 토큰 운영

26 skills · 18 commands · 5 agents

0

관측성 — OpenTelemetry, Prometheus, Grafana, Loki, eBPF, AIOps, 설정 리뷰

31 skills · 1 agent

0

infra

claude

인프라 — Terraform, AWS·EKS, Docker, Crossplane, DB 운영·마이그레이션, 클라우드 CLI 안전

22 skills · 4 commands · 5 agents

0

아키텍처 설계 — MSA, DDD, Saga, CQRS, API 설계, gRPC, 모듈러 모놀리스, 대규모 트래픽

25 skills · 1 agent

0

k8s

claude

Kubernetes — 스케줄링, 오토스케일링, 트래픽, Helm, 보안, GPU, manifest 리뷰와 장애 진단

17 skills · 4 commands · 4 agents

0

sre

claude

SRE — SLI/SLO, 장애 대응, 포스트모템, 카오스, DR, 부하 테스트, FinOps

18 skills · 5 agents

0

Similar plugins

Install the "Systems Programming" workflow plugin from Agentic Awesome Skills.

5 skills

sickn33/agentic-awesome-skills 49,620

data-agent-kit

claudecodex

This plugin provides a specialized suite of skills for data engineers and database practitioners working on Google Cloud. It acts as an expert assistant, allowing you to use natural language prompts in your preferred coding agent to architect complex data pipelines, transform data with dbt, write Spark and BigQuery SQL notebooks, and orchestrate end-to-end workflows across GCP's data ecosystem.

37 skills

anthropics/claude-plugins-official 47,076

Modern Python development with Python 3.12+, Django, FastAPI, async patterns, and production best practices

16 skills · 1 command · 3 agents

wshobson/agents 42,461

Run your monday CRM in plain language. Build a pipeline from scratch, start the day with a ranked deal briefing, spin up a forecast dashboard, audit board health, clean up messy data in bulk, and turn meeting notes into deal updates. Every skill writes back into monday as a real update, doc, or dashboard. Built on the official monday MCP connector.

10 skills · 1 MCP server

anthropics/knowledge-work-plugins 35,601

Ship a new language without the usual breakage. Three deterministic stdlib scripts: a translation-file checker for JSON/ARB (i18next, ICU), .properties, .strings, Android strings.xml and gettext .po that blocks on missing keys, renamed placeholders, ICU syntax errors, plural/select without other, zero branches that never match and plural categories the target locale needs, from the embedded Unicode CLDR 49 table (ru few/many, ar six forms); a hardcoded-string scanner for React, Vue, Svelte and HTML that flags text and user-facing attributes outside t(), concatenated translations, locale-less toLocaleString and '$' + amount; and a pseudo-locale generator (en-XA accented and expanded, ar-XB right-to-left) that keeps placeholders and ICU syntax intact. Ships cs-i18n-engineer agent, /cs-i18n-check and /cs-pseudo-locale commands and 3 cited references.

1 skill · 2 commands · 1 agent

alirezarezvani/claude-skills 29,725

Language-specific expert agents with deep framework knowledge - Python, TypeScript, Go, Rust, Java, and more

VoltAgent/awesome-claude-code-subagents 26,513

Maintain frontend?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins18 plugins