Plugin Claude Code
A collection of frontend development skills for AI-assisted engineers. The available examples cover database setup with Supabase, standard project packages, project specifications, Notion guides, and Claude memory files.
Instructions file CodexOpenCode
Instructions for rungchan2/frontend-skills, covering agents.md, project overview, 레포 구조, 설치 방식 and 마켓플레이스 등록.
Instructions file
Instructions for rungchan2/frontend-skills, covering claude.md, project overview, 레포 구조, 설치 방식 and 마켓플레이스 등록.
Skill Claude CodeCodex
A tool for creating, checking, adding to, and formatting CLAUDE.md files, which give an AI coding assistant instructions about a project.
Command
Scan the codebase for violations of the data layer separation architecture and report them.
Command
CRITICAL ARCHITECTURE RULE: This project follows strict data layer separation principles based on SOLID and encapsulation.
Skill Claude CodeCodex
A guide for reviewing and reorganising CLAUDE.md, the project instruction file used by Claude Code. It covers structure, important development rules, common mistakes, and keeping the file concise.
Plugin Claude Code
A natural-language end-to-end testing framework that runs browser tests automatically through the agent-browser command-line tool. Tests are written as scenarios, with a person able to take over when needed.
Skill Claude CodeCodex
A framework for end-to-end testing from written Markdown scenarios. End-to-end tests check a complete user flow in a real browser, and the framework uses agent-browser to perform the steps, including steps that must wait for a person.
Agent
An agent that runs end-to-end test scenarios in a real browser using agent-browser. End-to-end testing checks whether a complete user journey works from start to finish.
Command
Command "run" from rungchan2/frontend-skills, covering e2e 테스트 실행, 사용법 and 실행.
Command
Command "setup" from rungchan2/frontend-skills, covering e2e 테스트 환경 세팅 and 실행.
Plugin Claude Code
A Notion guide-generation plugin that creates user guides with tables, colours, and code blocks. It includes a connection to Notion’s official remote MCP service.
Skill Claude CodeCodex
A documentation tool that creates visual user guides for project features in Notion, a workspace for notes and shared documents. It uses tables, colors, code blocks, arrows, and emojis to organize the guide.
Plugin Claude Code
A project setup tool that installs a standard group of packages and creates a shared setup file. The packages cover common needs such as UI helpers, dates, cached data, application state, and Supabase connections.
Skill Claude CodeCodex
A shared Day.js date module configured for Korean services, including the Asia/Seoul time zone, Korean language, and common date helpers. Day.js is a JavaScript library for parsing and formatting dates.
Skill Claude CodeCodex
Skill "form-validation" from rungchan2/frontend-skills, covering form validation 표준 (react-hook-form + zod + shadcn), 왜 이 조합인가, 워크플로우, 1. 패키지 설치 and 2. shadcn form 컴포넌트 추가.
Skill Claude CodeCodex
A reference table that maps common development tasks to the project’s standard packages. It covers areas such as date handling, forms, authentication, charts, tables, dialogs, and notifications.
Skill Claude CodeCodex
A standard setup skill for new frontend projects. It installs or creates shared patterns for Tailwind class handling, Korean date formatting, Supabase, TanStack Query, Zustand, forms and validation.
Skill Claude CodeCodex
A setup for connecting a Next.js application to Supabase, a hosted database and authentication service, in different parts of the app.
Skill Claude CodeCodex
A setup skill for the `cn()` utility used to combine Tailwind CSS class names. Tailwind CSS is a styling system where classes are written in markup; this utility also provides a standard Korean currency formatter.
Skill Claude CodeCodex
TanStack Query 표준 setup 3종 (전역 캐시 설정, queryKey 팩토리, QueryProvider) + devtools를 한 번에 박는다. lib/query-defaults.ts에 GLOBALQUERYCONFIG/SHORTCACHECONFIG/REALTIMECONFIG 정의, lib/query-keys.ts에 도메인별 query key, providers/query-provider.tsx에 클라이언트 Provider. "tanstack query 세팅", "react-query 셋업", "QueryClient 만들어줘", "queryKey 팩토리…
Skill Claude CodeCodex
A standard pattern for Zustand stores, which hold shared application state in React applications, including a store for the authenticated user with Supabase.
Plugin Claude Code
A tool that analyses a front-end project's structure and creates context documents for AI coding agents. The supplied details are in Korean and give no further technical scope.