Communitygithub.com

01789692905/cc-frontend-skills

๐ŸŽจ ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋…ํŠนํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๋งž์ถค ์ƒ‰์ƒ, ๋น„๋Œ€์นญ ๋ ˆ์ด์•„์›ƒ, ์ธ์ƒ์ ์ธ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๊ฐ–์ถ˜ ํ”„๋กœ๋•์…˜ ์ค€๋น„ ์™„๋ฃŒ๋œ ํ”„๋ก ํŠธ์—”๋“œ UI๋ฅผ ์ œ์ž‘ํ•˜์„ธ์š”.

cc-frontend-skills๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

01789692905/cc-frontend-skills๋Š” ๊ฐœ๋ฐœ์ž์™€ AI ์—์ด์ „ํŠธ(์˜ˆ: Claude Code)๊ฐ€ ๋…ํŠนํ•˜๊ณ  ์„ธ๋ จ๋œ ํ”„๋ก ํŠธ์—”๋“œ UI๋ฅผ ์‹ ์†ํ•˜๊ฒŒ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„๋œ ์ „๋ฌธ ๊ธฐ์ˆ  ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. ์ด ๊ธฐ์ˆ ์€ ํ…œํ”Œ๋ฆฟ ๊ธฐ๋ฐ˜ ์ ‘๊ทผ ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•˜์—ฌ ๋…์ฐฝ์ ์ธ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๋งž์ถคํ˜• ์ƒ‰์ƒ ํŒ”๋ ˆํŠธ, ๋น„๋Œ€์นญ์ ์ด๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ํฅ๋ฏธ๋กœ์šด ๋ ˆ์ด์•„์›ƒ, ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋ถ€๋“œ๋Ÿฌ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธฐ์ˆ ์˜ ํ•ต์‹ฌ ๊ฐ€์น˜๋Š” ์ฆ‰์‹œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ 'ํ”„๋กœ๋•์…˜ ์ค€๋น„' ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ๋†’์ด๊ณ , ๋ฐ˜๋ณต์ ์ธ ๋””์ž์ธ ๊ฒฐ์ •์„ ์ค„์ด๋ฉฐ, ๊ฒฐ๊ณผ๋ฌผ์˜ ํ’ˆ์งˆ์„ ์ผ๊ด€๋˜๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๋ฐ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉ๋˜๋ฉฐ, React, Next.js์™€ ๊ฐ™์€ ํ˜„๋Œ€์ ์ธ ํ”„๋ ˆ์ž„์›Œํฌ์™€ ํ•จ๊ป˜ ์ž‘๋™ํ•˜์—ฌ ์‹ค์ œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋ฐ”๋กœ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ์™€ ์Šคํƒ€์ผ์„ ๋งŒ๋“ค์–ด๋ƒ…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๊ฐ„๋‹จํ•œ ์„ค๋ช…์ด๋‚˜ ์˜๋„๋งŒ์œผ๋กœ๋„ ๋ณต์žกํ•œ UI ํŒจํ„ด์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์–ด, ์ฐฝ์˜์ ์ธ ๋””์ž์ธ๊ณผ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ์— ๋” ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

์ง€์› ๋Œ€์ƒ~Claude Code~Codex CLI~Cursor
npx skills add 01789692905/cc-frontend-skills
์›๋ณธ ๋ณด๊ธฐโ†’๋ชจ๋“  ์Šคํ‚ฌ ๋‘˜๋Ÿฌ๋ณด๊ธฐ

์ฆ๊ฒจ ์‚ฌ์šฉํ•˜๋Š” AI์—๊ฒŒ ๋ฌผ์–ด๋ณด๊ธฐ

์ด ์—์ด์ „ํŠธ ์Šคํ‚ฌ์ด ๋ฏธ๋ฆฌ ๋กœ๋“œ๋œ ์ƒˆ ์ฑ„ํŒ…์„ ์—ฝ๋‹ˆ๋‹ค.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

๋ฌธ์„œ

cc-frontend-skills์€(๋Š”) ๋ฌด์—‡์„ ํ•˜๋‚˜์š”?

๐ŸŽจ ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๋…ํŠนํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๋งž์ถค ์ƒ‰์ƒ, ๋น„๋Œ€์นญ ๋ ˆ์ด์•„์›ƒ, ์ธ์ƒ์ ์ธ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๊ฐ–์ถ˜ ํ”„๋กœ๋•์…˜ ์ค€๋น„ ์™„๋ฃŒ๋œ ํ”„๋ก ํŠธ์—”๋“œ UI๋ฅผ ์ œ์ž‘ํ•˜์„ธ์š”.

๊ด€๋ จ ์Šคํ‚ฌ

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community