JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright…
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
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.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4)…
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify…
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project…
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
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 Claude's capabilities with specialized knowledge, workflows, or tool integrations.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Replace with description of the skill and when Claude should use it.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Use this to design a nice UI in single html as inspiration & UI exploration.
JayZeeDesign/awesome-claude-skills
Skill Claude CodeCodex
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
MCP server Claude CodeCodexCursor +2
Allow your AI coding agents to access figma files & prototypes directly. Runs locally from the figma-mcp Python package.
JayZeeDesign/claude-code-vault
Agent Claude Code
Use to run test suites, typechecks, and lints, and report results structurally. Offloads noisy test output from the orchestrator's window: a failing suite can dump 30K tokens of stack traces; this agent returns the 20 lines that matter.
JayZeeDesign/claude-code-vault
Agent Claude Code
Use for research tasks that would flood the main session's context: comparing libraries or services, digging through docs, investigating how an unfamiliar API works, or answering "what are the options for X". Read-only by design; returns a compact summary, never code changes.
JayZeeDesign/claude-code-vault
Agent Claude Code
Use to review a diff, branch, or recent commits before merge. Deliberately receives zero conversation context: fresh eyes cannot share the implementer's biases. Give it only the diff location and acceptance criteria, never the reasoning behind the implementation.
JayZeeDesign/claude-code-vault
Agent Claude Code
Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design changes, or complete UI features. Specializes in leveraging shadcn's component library and block patterns for fast, consistent interface work.
JayZeeDesign/claude-code-vault
Agent Claude Code
Use for Vercel AI SDK v5 implementation work: chat interfaces, tool calling, streaming, agentic loop control, type-safe custom messages, or migrating from v4. Covers useChat, streamText, generateText, tools, and the React/Vue/Svelte/Angular integrations.
JayZeeDesign/claude-code-vault
Command Claude Code
Post-build retro. The session is ending; extract what it can teach the next one.
JayZeeDesign/claude-code-vault
Command Claude Code
Review the staged diff before it becomes a commit.