內容與媒體
內容創作、媒體處理和設計技能
18175 skills in this category
node-backend
Node.js + Express + TypeScript patterns for FarmGate backend. Use when building API routes, services, middleware, or integrating with CAES authentication.
turborepo
High-performance monorepo build system with intelligent caching, task orchestration, and parallel execution for multi-package repositories and microservices.
diagram-drawing
Creates animated diagrams and professional infographics using Chart.js 4.x with: Auto-activates when user mentions: diagram, chart, graph, infographic, visualization, data visualization, data viz, line chart, bar chart, pie chart
nx-workspace-architecture
Guide structuring new features in Nx workspaces. Use when user asks about creating libraries, organizing code, or where to place new features.
cloudflare-browser-rendering
Guide for implementing Cloudflare Browser Rendering - a headless browser automation API for screenshots, PDFs, web scraping, and testing. Use when automating browsers, taking screenshots, generating PDFs, scraping dynamic content, extracting structured data, or testing web applications. Supports REST API, Workers Bindings (Puppeteer/Playwright), MCP servers, and AI-powered automation. (project)
configuring-tailwind-v4
Configure Tailwind CSS v4 using Vite plugin, PostCSS, or CLI with CSS-first configuration via @import and @theme directives. Use when setting up new projects or migrating build tools.
wsl-screenshots
View Windows screenshots from WSL. Use when user mentions screenshot, screen capture, or asks to look at an image they just took.
pupun-korvat-styling
Complete styling guide for Pupun Korvat jewelry theme. Apply phase by phase for complete restyling. Elegant artisan aesthetic with rose gold accents, corner decorations, and shimmer effects.
reviewing-component-architecture
Review component architecture for React 19 best practices including size, composition, Server/Client boundaries, and anti-patterns. Use when reviewing component design.
update-readme
Consolidate README content using language-aware exemplars, internal doc linkage, and reproducible evidence.
agent-development
This skill guides creating autonomous agents for Claude Code plugins using markdown files with YAML frontmatter. Use when building new agents, designing agent system prompts, or configuring agent behavior.
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
dev
This skill should be used when the user asks to "implement a feature", "add functionality", "build a new feature", "fix a non-trivial bug", or needs a structured development workflow. Orchestrates 7-phase workflow with user approval gates and TDD enforcement.
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.
sleeptrack-be
This skill provides comprehensive backend REST API integration for Asleep sleep tracking platform. Use this skill when building server-side applications, API proxies for mobile apps, webhook event handlers, cross-platform backends (React Native, Flutter), analytics dashboards, or multi-tenant sleep tracking systems. Covers authentication, user management, session retrieval, statistics, webhook integration, and production-ready patterns with code examples in Python, Node.js, and curl.
agent-workflow-advisor
Analyzes tasks and recommends the optimal agent pattern from Anthropic's Building Effective Agents. Provides pattern selection guidance based on task complexity, structure, and requirements. Use this as the entry point when unsure which pattern (Sequential, Router, Parallel, Orchestrator, Evaluator) fits your task best.
langgraph
LangGraph low-level agent orchestration. Build stateful, durable agents with graphs, persistence, streaming, and human-in-the-loop.
system-architecture
Master software architecture, system design, design patterns, distributed systems, and technical leadership. Learn to architect scalable, reliable, and maintainable systems.
agent-builder
Use when creating, improving, or troubleshooting Claude Code subagents. Expert guidance on agent design, system prompts, tool access, model selection, and best practices for building specialized AI assistants.
product-manager
Use when prioritizing animation features, building motion roadmaps, or when a PM needs to understand the business value of animation principles.