๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ
cccskills

Axel Sarmiento Mrak

@AxelMrak

Passionate about bridging design and development, my focus lies in crafting captivating web interfaces that seamlessly merge aesthetics and functionality. ๐Ÿง‰โ€‹๐Ÿ›

์Šคํ‚ฌ 270๊ฐœ์ €์žฅ์†Œ 1๊ฐœ 5

์Šคํ‚ฌ(270)

๊ฒ€์ƒ‰์—์„œ ์ขํžˆ๊ธฐ

nextjs-best-practices

๋ฌด๋ฃŒ

Next.js App Router principles. Server Components, data fetching, routing patterns.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

notebooklm

๋ฌด๋ฃŒ

Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

documentation-templates

๋ฌด๋ฃŒ

Documentation templates and structure guidelines. README, API docs, code comments, and AI-friendly documentation.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

docker-expert

๋ฌด๋ฃŒ

Docker containerization expert with deep knowledge of multi-stage builds, image optimization, container security, Docker Compose orchestration, and production deployment patterns. Use PROACTIVELY for Dockerfile optimization, container issues, image size problems, security hardening, networking, and orchestration challenges.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

doc-coauthoring

๋ฌด๋ฃŒ

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

design-orchestration

๋ฌด๋ฃŒ

Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order. Prevents premature implementation, skipped validation, and unreviewed high-risk designs.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

deployment-procedures

๋ฌด๋ฃŒ

Production deployment principles and decision-making. Safe deployment workflows, rollback strategies, and verification. Teaches thinking, not scripts.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

database-design

๋ฌด๋ฃŒ

Database design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

crewai

๋ฌด๋ฃŒ

Expert in CrewAI - the leading role-based multi-agent framework used by 60% of Fortune 500 companies. Covers agent design with roles and goals, task definition, crew orchestration, process types (sequential, hierarchical, parallel), memory systems, and flows for complex workflows. Essential for building collaborative AI agent teams. Use when: crewai, multi-agent team, agent roles, crew of agents, role-based agents.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

copywriting

๋ฌด๋ฃŒ

Use this skill when writing, rewriting, or improving marketing copy for any page (homepage, landing page, pricing, feature, product, or about page). This skill produces clear, compelling, and testable copy while enforcing alignment, honesty, and conversion best practices.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

context7-auto-research

๋ฌด๋ฃŒ

Automatically fetch latest library/framework documentation for Claude Code via Context7 API

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

context-window-management

๋ฌด๋ฃŒ

Strategies for managing LLM context windows including summarization, trimming, routing, and avoiding context rot Use when: context window, token limit, context management, context engineering, long context.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

content-creator

๋ฌด๋ฃŒ

Create SEO-optimized marketing content with consistent brand voice. Includes brand voice analyzer, SEO optimizer, content frameworks, and social media templates. Use when writing blog posts, creating social media content, analyzing brand voice, optimizing SEO, planning content calendars, or when user mentions content creation, brand voice, SEO optimization, social media marketing, or content strategy.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

concise-planning

๋ฌด๋ฃŒ

Use when a user asks for a plan for a coding task, to generate a clear, actionable, and atomic checklist.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

computer-use-agents

๋ฌด๋ฃŒ

Build AI agents that interact with computers like humans do - viewing screens, moving cursors, clicking buttons, and typing text. Covers Anthropic's Computer Use, OpenAI's Operator/CUA, and open-source alternatives. Critical focus on sandboxing, security, and handling the unique challenges of vision-based control. Use when: computer use, desktop automation agent, screen control AI, vision-based agent, GUI automation.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

competitor-alternatives

๋ฌด๋ฃŒ

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor comparison,' 'comparison page,' '[Product] vs [Product],' '[Product] alternative,' or 'competitive landing pages.' Covers four formats: singular alternative, plural alternatives, you vs competitor, and competitor vs competitor. Emphasizes deep research, modular content architecture, and varied section types beyond feature tables.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

codex-review

๋ฌด๋ฃŒ

Professional code review with auto CHANGELOG generation, integrated with Codex AI

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

clerk-auth

๋ฌด๋ฃŒ

Expert patterns for Clerk auth implementation, middleware, organizations, webhooks, and user sync Use when: adding authentication, clerk auth, user authentication, sign in, sign up.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

clean-code

๋ฌด๋ฃŒ

Pragmatic coding standards - concise, direct, no over-engineering, no unnecessary comments

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

d3-viz

๋ฌด๋ฃŒ

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

Claude Code Guide

๋ฌด๋ฃŒ

Master guide for using Claude Code effectively. Includes configuration templates, prompting strategies "Thinking" keywords, debugging techniques, and best practices for interacting with the agent.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

chatgpt-app-builder

๋ฌด๋ฃŒ

DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

Development skill from everything-claude-code

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

AxelMrak/ai52026๋…„ 2์›” 20์ผ ์—…๋ฐ์ดํŠธ

๋ณธ์ธ ๊ณ„์ •์ธ๊ฐ€์š”? GitHub๋ฅผ ์—ฐ๋™ํ•˜๋ฉด ํฌ๋ฆฌ์—์ดํ„ฐ ํŽ˜์ด์ง€์— ๋ชจ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์ผ๋ณธ์–ด)