figma-pencil-fsd-tailwind4
낮은 위험 73디자인을 FSD Tailwind 코드로 변환
작성자 JohnWayneeee
디자인 핸드오프는 아키텍처, 토큰, 접근성을 자주 훼손합니다. 이 스킬은 Claude, Codex, Claude Code가 선택된 Figma 또는 Pencil 화면을 계층화된 Tailwind 코드로 변환하도록 안내합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
디자인을 FSD Tailwind 코드로 변환
작성자 JohnWayneeee
디자인 핸드오프는 아키텍처, 토큰, 접근성을 자주 훼손합니다. 이 스킬은 Claude, Codex, Claude Code가 선택된 Figma 또는 Pencil 화면을 계층화된 Tailwind 코드로 변환하도록 안내합니다.
요구사항에서 QA 테스트 케이스 생성
작성자 JohnWayneeee
QA 팀은 요구사항을 일관된 테스트 케이스로 변환하는 데 상당한 시간을 사용합니다. Casely는 프로젝트 문서를 파싱하고, 예시 형식을 학습하며, 구조화된 케이스를 내보냅니다.
배포 전 웹 페이지 감사
작성자 JohnWayneeee
막판에 발견되는 웹 문제는 출시를 막고 접근성, SEO 또는 핵심 플로에 악영향을 줄 수 있습니다. 이 스킬은 릴리스 전에 브라우저 검사, Lighthouse 해석, 구조화된 보고를 안내합니다.
Next.js 브랜드 에셋 설정
작성자 JohnWayneeee
Next.js 팀은 favicon, PWA, 소셜 이미지 요구사항을 놓치는 경우가 많습니다. 이 skill은 프로젝트를 감사하고, 정확한 에셋 사양을 준비하며, 생성된 파일을 App Router 규칙에 맞게 연결합니다.
Build Evidence-Based Campus Resumes
작성자 joeseesun
Students often struggle to turn scattered experience into credible, role-focused resumes. This skill interviews candidates, maps evidence to job requirements, and generates validated HTML and PDF files.
창의적인 해결책 생성
작성자 joeloffbeat
빈 프롬프트와 복잡한 문제는 예측 가능한 아이디어로 이어질 수 있습니다. 이 스킬은 유추, 종합, 실현 가능성 점검을 통해 창의적 사고를 구조화합니다.
Turn Reference Videos Into Ecommerce Ad Prompts
작성자 jingyi-wu-richael
Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.
Baoyu Skills를 안전하게 릴리스하기
작성자 jimliu
수동 릴리스에서는 변경 로그, 버전, 태그 단계가 누락될 수 있습니다. 이 스킬은 이중 언어 변경 로그와 로컬 git 태그 지정을 포함해 baoyu-skills를 반복 가능한 방식으로 릴리스하도록 안내합니다.
Xiaohongshu 인포그래픽 시리즈 만들기
작성자 JimLiu
긴 콘텐츠를 소셜 이미지 카드로 바꾸는 작업은 느리고 일관성이 떨어질 수 있습니다. 이 skill은 스타일, 레이아웃, 프롬프트, 출력 경로를 포함해 Xiaohongshu 스타일의 인포그래픽 시리즈를 기획합니다.
웹 페이지를 Markdown으로 변환
작성자 jimliu
페이지가 JavaScript에 의존하거나 수동 로그인이 필요할 때 렌더링된 웹 페이지를 읽기 쉬운 노트로 저장하기는 어렵습니다. 이 skill은 Chrome에서 페이지를 열고, 렌더링된 콘텐츠를 캡처한 뒤, 메타데이터가 포함된 깔끔한 markdown 파일을 작성합니다.
콘텐츠로 슬라이드 덱 이미지 만들기
작성자 JimLiu
긴 콘텐츠를 일관된 시각적 덱으로 바꾸려면 기획과 프롬프트 작성이 필요합니다. 이 스킬은 구조화된 개요, 슬라이드 프롬프트, 생성된 슬라이드 이미지를 만듭니다.
X에 게시물 및 아티클 게시
작성자 JimLiu
X에 리치 콘텐츠를 게시하려면 반복적인 브라우저 작업과 형식 변환이 필요할 수 있습니다. 이 스킬은 미리보기 모드를 기본값으로 유지하면서 Chrome을 통해 초안, 이미지, Markdown 아티클을 자동화합니다.
WeChat Official Account 초안 발행
작성자 JimLiu
형식이 지정된 WeChat 글을 게시하려면 수동 복사, 이미지 삽입, 초안 설정이 필요한 경우가 많습니다. 이 스킬은 제어된 Chrome 세션을 통해 Markdown, HTML, 텍스트, 이미지에서 초안 생성을 자동화합니다.
Markdown을 스타일 적용 HTML로 변환
작성자 jimliu
Markdown을 WeChat 호환 HTML로 게시하려면 세심한 서식 지정과 인라인 스타일이 필요할 수 있습니다. 이 스킬은 Markdown 파일을 다이어그램, 수식, 알림, 코드 하이라이팅이 포함된 테마 적용 HTML로 변환합니다.
구조화된 콘텐츠로 인포그래픽 만들기
작성자 jimliu
노트나 보고서를 명확한 시각 자료로 바꾸려면 많은 디자인 결정을 내려야 할 수 있습니다. 이 스킬은 콘텐츠를 분석하고, 레이아웃과 스타일을 추천하며, Claude, Codex 또는 Claude Code 워크플로용 이미지 프롬프트를 준비합니다.
OpenAI와 Google로 이미지 생성
작성자 jimliu
이미지 프롬프트에는 제공자 설정, 크기, 반복 가능한 출력 경로가 필요한 경우가 많습니다. 이 스킬은 종횡비, 품질, 참조 이미지 옵션을 갖춘 API 기반 생성기를 실행합니다.
Gemini Web으로 이미지 생성하기
작성자 JimLiu
팀은 로컬 프롬프트에서 Gemini 텍스트 및 이미지 생성을 빠르게 수행해야 합니다. 이 스킬은 Chrome 쿠키를 통해 Gemini Web을 실행하고 생성된 이미지를 저장합니다.
Markdown 아티클 포매팅
작성자 jimliu
초안에는 일관된 구조, frontmatter, 읽기 쉬운 타이포그래피가 부족한 경우가 많습니다. 이 스킬은 일반 텍스트나 거친 Markdown을 검토 준비가 된 체계적인 Markdown으로 변환합니다.
X 게시물을 Markdown으로 변환
작성자 jimliu
연구자와 작성자는 X 게시물, 스레드, 아티클의 오래 보관 가능한 Markdown 사본이 필요한 경우가 많습니다. 이 스킬은 사용자가 제공한 인증 정보를 사용해 X 콘텐츠를 가져오고 Markdown 형식으로 정리합니다.
Gemini Web 이미지 및 텍스트 생성
작성자 jimliu
팀은 별도의 UI를 구축하지 않고도 빠른 이미지 및 텍스트 생성이 필요합니다. 이 skill은 Gemini Web 프롬프트, 이미지, 참조 자료, 세션을 위한 CLI 워크플로를 제공합니다.