By camoa Verified
Create on-brand visual content (presentations, carousels, infographics, HTML pages) by extracting brand identity from assets, managing a token-based design system, and generating outputs with minimal input using guided wizards and templates.
Manage brand assets - add, review, and copy assets to the project without re-running full extraction. Use when user says "add logo", "update fonts", "brand assets", "add brand image", "manage assets".
Extract brand elements from multiple sources and generate brand-philosophy.md. Use when user says "extract brand", "analyze brand", "brand from website", "brand from logo", "brand from screenshot", "get brand colors", "brand philosophy".
Initialize a new brand project folder structure for branded content creation. Use when user says "start brand project", "new brand", "setup brand", "initialize brand", "brand init".
Generate alternative color palettes from brand colors using color theory. Use when user says "color palette", "alternative colors", "generate palette", "brand palette", "color harmony", "tints and shades", "monochromatic palette".
Main entry point - show project status, switch projects, or start new one. Use when user says "brand status", "switch brand", "which brand", "show projects", "brand dashboard".
Use when user says "create presentation", "make slides", "make carousel", "LinkedIn carousel", "create HTML page", "make landing page", "build web page", "html design system", "design system", "setup brand", "brand init", "extract brand", "get outline", "color palette", "alternative colors", "infographic", "brand assets", "brand project". Use PROACTIVELY when user wants to create any visual content with consistent branding. MUST be invoked for branded content — routes to the correct command for presentations, carousels, infographics, and HTML pages.
Use when generating branded HTML pages and components from a design system. Creates standalone HTML components and composes them into full pages with embedded CSS, responsive design, and brand integration.
Use when creating infographics, data visualizations, process diagrams, timelines, or comparisons - generates branded infographics using @antv/infographic with 114 templates across 7 categories. Triggers on "create infographic", "make infographic", "visualize data", "timeline", "process diagram".
Use when creating branded presentations or carousels. Generates museum-quality visual output from canvas philosophy, enforcing style constraints. Outputs PDF first, then converts to PPTX for editability.
Uses power tools
Uses Bash, Write, or Edit tools
Verified owner:Carlos Ospina
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Custom plugins and tools for Claude Code.
Heads up (transition notice, kept through ~August 2026).
drupal-dev-frameworkhas been renamed toai-dev-assistant(same workflow, broader scope, command names unchanged). If you already have the old plugin installed: installai-dev-assistant, run/drupal-dev-framework:upgradeonce to migrate your project store and per-project wiring, then uninstalldrupal-dev-framework(/plugin uninstall drupal-dev-framework@camoa-skills). The shell exposes only/drupal-dev-framework:upgrade; everything else now lives under theai-dev-assistant:namespace. A few other plugins got minor description and tone cleanups in the same pass. Full steps: drupal-dev-framework/README.md.
I started building what I called "frameworks" over a year before Claude officially released Skills. Same concept, different name.
The idea came from frustration. I was tired of repeating the same instructions every conversation. Instead of starting fresh each time, I asked AI to analyze our successful interactions and create frameworks capturing recurring requirements and preferences. These became reusable project knowledge.
This approach produced results: 3 published Drupal contrib modules, 17+ blog articles, automated social media campaigns, and phase-based editorial workflows.
When Claude released Skills officially, I recognized what I'd been building. This repository translates those frameworks into proper Skills with tooling.
I wrote more about this methodology in My Journey with AI Tools.
# Add the marketplace
/plugin marketplace add https://github.com/camoa/claude-skills
# Install individual plugins
/plugin install dev-guides-navigator@camoa-skills
/plugin install ai-dev-assistant@camoa-skills
/plugin install plugin-creation-tools@camoa-skills
/plugin install brand-content-design@camoa-skills
/plugin install code-quality-tools@camoa-skills
/plugin install drupal-htmx@camoa-skills
/plugin install code-paper-test@camoa-skills
/plugin install drupal-ai-contrib@camoa-skills
Skills in this marketplace conform to the open agentskills.io standard and work in Cursor, Codex CLI, VS Code Copilot, Gemini CLI, Cline, OpenCode, and more. Commands, agents, and hooks are Claude-Code-specific by format but can be emulated. See PORTABILITY.md for the full guide and CURSOR.md for Cursor-specific notes.
There's a known bug in Claude Code affecting git-based marketplaces. Skills may fail to load during initialization with "no such file or directory" errors because Claude Code looks for skill files in the wrong location.
Workaround: Skills still work when invoked via the Skill tool (slash commands). The issue only affects automatic discovery at startup.
Status: Awaiting fix from Anthropic.
Smart guide discovery and routing for the dev-guides site. Routes AI to the correct guide using hash-based caching and KG metadata for disambiguation.
llms.txt with hash-based freshness check: no redundant fetchesconcepts/not fields) prevents wrong-guide selection (e.g., "story.yml" routes to UI Patterns, not Storybook)llms.txt → topic index.md → specific guide# Invoked automatically before design/dev tasks, or manually:
/dev-guides-navigator style guide
An AI assistant for developers that focuses on getting the process right, not just getting code out fast. Most AI dev tools optimize for speed. This one keeps the work disciplined: understand the problem before coding, reuse what already exists, follow your standards, and verify. It runs each task through Research → Architecture → Implementation → Review, with deterministic gates (SOLID, TDD, DRY, security, code purposefulness) the AI can't quietly skip, and grounds its decisions in best-practice guides instead of whatever the model guessed. Requires dev-guides-navigator. Stack-agnostic engine; ships with a Drupal-flavored reference implementation for the deep components (a stack-neutral generalization is in progress).
Smart guide discovery and routing for dev-guides. Uses hash-based caching and KG metadata (concepts, disambiguation, relationships) to route AI to the correct guide. All fetches use curl (never WebFetch) to preserve raw structured content.
HTMX development guidance and AJAX-to-HTMX migration tools for Drupal 11.3+. Includes analyzers, pattern recommendations, and validation.
Authoring toolkit and quality gate for Claude Code plugins. Scaffolds and audits every component — skills, commands, agents, hooks, MCP servers, themes, dependencies, userConfig, and Routines — with a deterministic `validate` command (opt-in auto-fix), a pre-publish containment scan that catches leaked home paths and secrets, and the `plugin-creation` authoring skill. Tracks the current plugin spec: hook handler types and pre-spawn filters, exec-form args, JSON output controls, subfolder agent scoping, single-skill auto-discovery, and cross-marketplace dependencies.
DEPRECATED — renamed to ai-dev-assistant. This shell remains installable only to run a one-time upgrade: it repoints your project store at the new plugin and re-stamps per-project session-remembrance hooks to the new paths, then is safe to uninstall. Install ai-dev-assistant going forward.
An AI assistant for developers that focuses on getting the process right, not just getting code out fast. It runs each task through Research → Architecture → Implementation → Review before code gets written, and checks the work against your standards (SOLID, TDD, DRY, security) with gates the AI can't quietly skip. Decisions stay grounded in best-practice guides instead of whatever the model guessed. Stack-agnostic, so stack specifics live in consumable dev-guides, recipes, and playbooks.
npx claudepluginhub camoa/claude-skills --plugin brand-content-designOpen-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
Stop making slides. Let AI build them in HTML — the medium it was born to write in. Give deckify any brand URL; in minutes you get a brand-faithful Design System markdown plus a verified 9-slide HTML demo deck.
Design skills: UI/UX, brand identity, visual assets
High-fidelity HTML design skill with structured design planning, Iron Law guardrails, and verification-first delivery
Use this agent when establishing brand guidelines, ensuring visual consistency, managing brand assets, or evolving brand identity. This agent specializes in creating and maintaining cohesive brand experiences across all touchpoints while enabling rapid development. Examples:\n\n<example>\nContext: Creating brand guidelines for a new app
Branded presentation and carousel generation with brand voice system