frontend-dev-guidelines
78일관된 React 프런트엔드 구축
프런트엔드 팀은 앱 패턴이 라우팅, 페칭, 로딩, 스타일링 전반에서 서로 다를 때 시간을 낭비합니다. 이 스킬은 Next.js, React, TypeScript, shadcn/ui, MUI, TanStack Query를 위한 간결한 가이드라인을 제공합니다.
더 나은 Claude 스킬 만들기
스킬 작성자는 워크플로를 유용한 AI 스킬로 전환하기 위한 반복 가능한 프로세스가 필요합니다. 이 스킬은 예시, 리소스 계획, 메타데이터, 패키징, 반복 개선을 위한 명확한 단계를 제공합니다.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "skill-creator" from https://skillstore.io/skills/bom-98-skill-creator.md and its manifest at https://skillstore.io/api/skills/bom-98-skill-creator/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"skill-creator" 사용 중입니다. 월간 재무 보고서를 돕는 스킬을 원합니다.
예상 결과:
유용한 결과는 대상 보고서 워크플로를 정의하고, 재사용 가능한 재무 스키마 references를 식별하며, 간결한 SKILL.md 지침을 권장하는 것입니다.
"skill-creator" 사용 중입니다. 내 SKILL.md가 너무 길고 예시가 많이 포함되어 있습니다.
예상 결과:
유용한 결과는 상세 예시를 reference 파일로 옮기고, SKILL.md에는 필수 활성화 및 워크플로 가이드만 남기는 것입니다.
"skill-creator" 사용 중입니다. 다른 Claude 인스턴스를 위해 스킬을 패키징해야 합니다.
예상 결과:
유용한 결과는 메타데이터, 파일 구성, 선택적 scripts, references, assets, 검증 단계, 패키징 준비 상태를 확인하는 것입니다.
The reviewed skill is a documentation-only guide for creating Claude skills. Static findings are false positives caused by Markdown code fences, inline code examples, documentation links, and safe environment-file guidance; no malicious intent, prompt injection, exfiltration, or executable payload was found.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/bom-98-skill-creator/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/bom-98-skill-creator?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/bom-98-skill-creator?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bom-98-skill-creator/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/bom-98-skill-creator.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>BOM-98. (2026). skill-creator security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/bom-98-skill-creator/audits/10@techreport{bom-98-bom-98-skill-creator-2026,
author = {BOM-98},
title = {skill-creator security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/bom-98-skill-creator/audits/10},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "skill-creator security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "BOM-98"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/bom-98-skill-creator/audits/10"
identifiers:
- type: other
value: "skillstore:bom-98-skill-creator:audit:10"
description: "Skillstore immutable audit report identifier"
각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
89jobrien-skill-creator
2026-10-18
daviddworetzky-skill-creator
2026-09-09
cesaraugustusgrob-skill-creator
2026-09-09
cam10001110101-skill-creator
2026-09-09
astrabit-cpt-skill-creator
2026-10-25
abdullahmalik17-skill-creator
2026-10-20
langchain-ai-skill-creator
2026-09-09
daothihuong2111-skill-creator
2026-09-09
benderfendor-skill-creator
2026-09-09
chinchillaenterprises-skill-creator
2026-09-09
반복되는 도메인 작업을 명확한 트리거, 워크플로, 지원 리소스를 갖춘 구조화된 스킬로 전환합니다.
현재 스킬의 메타데이터 품질, 리소스 구성, 점진적 공개 방식을 검토합니다.
다른 Claude 인스턴스가 전문 작업을 일관되게 수행할 수 있도록 scripts, references, assets를 구성합니다.
[task]를 위한 새 Claude 스킬을 계획하도록 도와주세요. 먼저 가장 중요한 질문만 한 뒤, SKILL.md 구조와 리소스를 제안해 주세요.
다음은 스킬에 대한 예시 요청입니다: [examples]. 어떤 scripts, references, assets를 포함해야 하는지 식별하고 그 이유를 설명해 주세요.
활성화 품질 관점에서 이 스킬 이름과 설명을 검토해 주세요: [metadata]. 간결하고 구체적이며 3인칭으로 만들어 주세요.
이 스킬 패키지 개요를 검토해 주세요: [outline]. 점진적 공개, 리소스 배치, SKILL.md 길이, 패키징 준비 상태, 반복 개선 리스크를 확인해 주세요.
작성자
BOM-98라이선스
Complete terms in LICENSE.txt
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
유지보수 최신성
2026. 7. 18.
사용량
7 다운로드 · 309 조회
파일 구조
📄 SKILL.md
일관된 React 프런트엔드 구축
프런트엔드 팀은 앱 패턴이 라우팅, 페칭, 로딩, 스타일링 전반에서 서로 다를 때 시간을 낭비합니다. 이 스킬은 Next.js, React, TypeScript, shadcn/ui, MUI, TanStack Query를 위한 간결한 가이드라인을 제공합니다.
API 클라이언트 및 엔드포인트 구성
API 코드는 클라이언트, URL, 타입 전반에서 일관성이 깨지기 쉽습니다. 이 스킬은 엔드포인트, 클라이언트, 인증, 역할 확인을 위한 반복 가능한 TypeScript 구조를 제공합니다.
Next.js용 Supabase Authentication 구현
Next.js와 Supabase의 인증 흐름은 페이지, 액션, 테넌트 전반에서 일관성이 없어질 수 있습니다. 이 스킬은 라우트 보호, 역할, OAuth, 가족 기반 데이터 격리를 위한 서버 측 패턴을 제공합니다.
효과적인 AI 스킬 만들기
작성자 notedit
팀은 불필요한 컨텍스트를 추가하지 않고 유용한 AI 스킬을 구축하기 위한 반복 가능한 지침이 필요합니다. 이 스킬은 스킬을 계획, 작성, 검증, 패키징하기 위한 구조화된 프로세스를 제공합니다.
구조화된 문서로 소프트웨어 프로젝트 계획하기
작성자 Dwsy
소프트웨어 프로젝트는 요구사항, 설계 선택, 작업이 명확하지 않을 때 실패하는 경우가 많습니다. 이 스킬은 프로젝트 아이디어를 Claude, Codex, Claude Code 워크플로를 위한 구조화된 계획 문서로 전환합니다.
이중 언어 GitHub 릴리스 README 생성
작성자 ZhanlinCui
팀에서 영어와 중국어 README가 필요할 때 릴리스 문서 작성은 시간이 오래 걸립니다. 이 스킬은 저장소 메타데이터와 안내형 설정을 바탕으로 구조화된 이중 언어 README를 생성합니다.
서비스 아키텍처 시각화
작성자 AstraBit-CPT
분산 서비스는 메타데이터가 여러 리포지토리에 흩어져 있으면 이해하기 어렵습니다. 이 스킬은 카탈로그 메타데이터를 집계하고 아키텍처 검토를 위한 다이어그램, 표, 요약을 생성합니다.
사람이 바로 검토할 수 있는 AI 문서 만들기
작성자 Brownbull
상세한 AI 컨텍스트 파일은 빠르게 사람이 검토하기에는 너무 긴 경우가 많습니다. 이 스킬은 해당 파일을 요약, 빠른 시작 가이드, Mermaid 시각 가이드로 변환합니다.
FlowGram 컴포넌트 문서 만들기
작성자 bytedance
FlowGram material 컴포넌트에는 일관된 문서, 실행 가능한 Story 예제, API 표, 이중 언어 검토 단계가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 이러한 자산을 생성할 수 있도록 구조화된 워크플로를 제공합니다.