Topic: claude-code
35,830 skills in this topic.
-
develop-web-game
Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
davila7/claude-code-templates 23,776
-
draw-io
draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.
davila7/claude-code-templates 23,776
-
excalidraw
Use when working with *.excalidraw or *.excalidraw.json files, user mentions diagrams/flowcharts, or requests architecture visualization - delegates all Excalidraw operations to subagents to prevent context exhaustion from verbose JSON (single files: 4k-22k tokens, can exceed read limits)
davila7/claude-code-templates 23,776
-
executing-marketing-campaigns
Plans, creates, and optimizes marketing campaigns including content strategy, social media, email, and analytics. Helps develop go-to-market strategies, campaign messaging, and performance measurement.
davila7/claude-code-templates 23,776
-
figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
davila7/claude-code-templates 23,776
-
figma-implement-design
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.
davila7/claude-code-templates 23,776
-
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
davila7/claude-code-templates 23,776
-
game-development
Game development orchestrator. Routes to platform-specific skills based on project needs.
davila7/claude-code-templates 23,776
-
2d-games
2D game development principles. Sprites, tilemaps, physics, camera.
davila7/claude-code-templates 23,776
-
3d-games
3D game development principles. Rendering, shaders, physics, cameras.
davila7/claude-code-templates 23,776
-
game-art
Game art principles. Visual style selection, asset pipeline, animation workflow.
davila7/claude-code-templates 23,776
-
game-audio
Game audio principles. Sound design, music integration, adaptive audio systems.
davila7/claude-code-templates 23,776
-
game-design
Game design principles. GDD structure, balancing, player psychology, progression.
davila7/claude-code-templates 23,776
-
mobile-games
Mobile game development principles. Touch input, battery, performance, app stores.
davila7/claude-code-templates 23,776
-
multiplayer
Multiplayer game development principles. Architecture, networking, synchronization.
davila7/claude-code-templates 23,776
-
pc-games
PC and console game development principles. Engine selection, platform features, optimization strategies.
davila7/claude-code-templates 23,776
-
vr-ar
VR/AR development principles. Comfort, interaction, performance requirements.
davila7/claude-code-templates 23,776
-
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
davila7/claude-code-templates 23,776
-
imagegen
Use when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent background, product shots, concept art, covers, or batch variants); run the bundled CLI (`scripts/image_gen.py`) and require `OPENAI_API_KEY` for live calls.
davila7/claude-code-templates 23,776
-
interactive-portfolio
Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.
davila7/claude-code-templates 23,776
-
marp-slide
Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documents. Supports custom themes, image layouts, and "make it look good" requests with automatic quality improvements.
davila7/claude-code-templates 23,776
-
meme-factory
Generate memes using the memegen.link API. Use when users request memes, want to add humor to content, or need visual aids for social media. Supports 100+ popular templates with custom text and styling.
davila7/claude-code-templates 23,776
-
mermaid-diagrams
Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.
davila7/claude-code-templates 23,776
-
mobile-design
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
davila7/claude-code-templates 23,776