anthropic-creative-skills
Anthropic's official creative and design skills for generative art, frontend design, visual themes, Slack GIFs, and brand-consistent styling.
Component Overview
Install
npx claudepluginhub ats-kinoshita-iso/agent-workshop --plugin anthropic-creative-skillsComponent Details
Skills (6)
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.
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 violations.
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.
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.
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.
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
README
agent-workshop
A plugin library and development framework for Claude Code. This repo serves two purposes:
- Plugin Library — A custom marketplace
of modular Claude Code plugins (skills, hooks, agents, MCP configs) installable via
/plugin install. - Cookbook — Golden baseline configurations (CLAUDE.md templates, hook recipes, MCP setups) you can pull into any new project.
Quick Start
Install Plugins from This Marketplace
# Add the marketplace
/plugin marketplace add ats-kinoshita-iso/agent-workshop
# Browse and install plugins
/plugin install planning@agent-workshop
Use Cookbook Recipes
Browse cookbook/ and copy what you need into your project:
cookbook/claude-md/— CLAUDE.md templates by project typecookbook/hooks/— Reusable hook recipes for.claude/settings.jsoncookbook/mcp/— MCP server configurations for common integrations
Directory Structure
.claude-plugin/ # Marketplace definition (marketplace.json)
plugins/ # Stable, packaged Claude Code plugins
cookbook/ # Golden baseline configs (copy into your projects)
claude-md/ # CLAUDE.md templates
hooks/ # Hook recipes
mcp/ # MCP server configs
tools/ # Development & validation tooling
tests/ # Plugin validation gates
Plugin Development Lifecycle
1. Develop in .claude/ → Iterate locally with Claude Code
2. Validate with test suite → uv run pytest
3. Package as plugin → Create plugin.json + SKILL.md in plugins/
4. Auto-register in marketplace → marketplace_gen.py updates marketplace.json
5. Users install from here → /plugin marketplace add ats-kinoshita-iso/agent-workshop
Available Plugins
Workshop Plugins
| Plugin | Description | Version |
|---|---|---|
| code-quality-gate | Unified quality orchestrator (lint, format, typecheck, test) | 1.0.0 |
| context-sync | Keeps CLAUDE.md files in sync with the codebase | 1.0.0 |
| plan-manager | Plan lifecycle management with gate tracking and archival | 1.0.0 |
| planning | Phased implementation plans with gates and tests | 2.0.0 |
| test-quality | Test generation, auditing, and knowledge extraction | 1.0.0 |
| workspace-clean | Workspace hygiene checks and cleanup | 1.0.0 |
Anthropic Skills (imported from anthropics/skills)
| Plugin | Skills | License |
|---|---|---|
| anthropic-document-skills | docx, pdf, pptx, xlsx | Source-available |
| anthropic-creative-skills | algorithmic-art, brand-guidelines, canvas-design, frontend-design, slack-gif-creator, theme-factory | Apache 2.0 |
| anthropic-dev-skills | claude-api, mcp-builder, skill-creator, web-artifacts-builder, webapp-testing | Apache 2.0 |
| anthropic-enterprise-skills | doc-coauthoring, internal-comms | Apache 2.0 |
Stack
- Python: managed with
uv - JS/TS: managed with
bun
Commands
Python
- Install deps:
uv sync - Run tests:
uv run pytest - Lint:
uv run ruff check . - Format:
uv run ruff format . - Type check:
uv run mypy .
JS/TS
- Install deps:
bun install - Run tests:
bun test - Lint + format:
bunx biome check --write .
Contributing a Plugin
- Develop your extension in
.claude/(skills, hooks, agents, etc.) - When stable, create a directory under
plugins/<your-plugin>/ - Add
.claude-plugin/plugin.jsonwith name, description, version, keywords - Add your skill/hook/agent/MCP files following the Claude Code plugin format
- Run
uv run pytestto validate structure - Run
uv run python tools/marketplace_gen.pyto update the marketplace catalog
Similar Plugins
ui-ux-pro-max
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Show your plugin is listed on ClaudePluginHub.
[](https://www.claudepluginhub.com/plugins/ats-kinoshita-iso-anthropic-creative-skills-plugins-anthropic-creative-skills?ref=badge)Paste near the top of your README, alongside other badges.