Skill Claude CodeCodex
Modern React development guidelines covering hooks, component patterns, state management, performance optimization, and TypeScript integration.
caddis — an opinionated Claude Code plugin for verification-first agentic development: phased TDD planning, cross-vendor code review, independent phase validation, and session continuity that survives context loss.
This repository also configures its own agents. See what caddis-plugin tells them →
Skill Claude CodeCodex
Modern React development guidelines covering hooks, component patterns, state management, performance optimization, and TypeScript integration.
Skill Claude CodeCodex
Type-safe React 18-19 with TypeScript: components, generic components, hooks, events, Server Components, TanStack Router and React Router. Use when React TypeScript or React 19 is involved.
Skill Claude CodeCodex
React useEffect best practices from the official docs: when NOT to use an Effect, derived state, data fetching, synchronization. Use when writing or reviewing useEffect.
Skill Claude CodeCodex
Make a web app work and "feel native" on phones and tablets from one codebase: adapt desktop-first layouts, fix small-screen breakage. Use for "make this PWA", "mobile-friendly", "tablet layout", "bottom nav", "touch gestures", "works on iPhone/Android", "responsive design", or any web UI missing mobile support.
Skill Claude CodeCodex
Copy-paste components built on Radix UI primitives. Components live in your codebase in components/ui/ — you own them fully.
Skill Claude CodeCodex
Generate 2-3 interactive HTML design variants to compare UI directions before production code. Use for early design exploration or when asked to "sketch this screen" or "show me variants".
Skill Claude Code
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Skill Claude CodeCodex
Build production Streamlit dashboards: caching, components, theming. Use for any Streamlit page, component, chart or UI feature.
Skill Claude CodeCodex
Style artifacts (slides, docs, reports, HTML pages) with one of 10 preset themes or a newly generated theme.
Skill Claude CodeCodex
Review a UI against design requirements, WCAG 2.2 AA and brand guidelines. Use when validating UI before release.
Skill Claude CodeCodex needs its repo
Accessible UIs with shadcn/ui, Radix and Tailwind CSS: responsive layouts, theming, dark mode and consistent styling.
Skill Claude Code
Data-backed UI/UX decisions from CSV knowledge bases: 50+ styles, 161 palettes, 57 font pairings, UX guidelines, chart types. Use to look up palettes, font pairs or style guidance.
Skill Claude CodeCodex
Apply the "Warm Editorial Refinement" design system (warm cream/charcoal surfaces, Bahnschrift + Plus Jakarta Sans, layered shadows), the canonical template for new frontend builds. Use for apps, dashboards or UI in the abc-project style, or on "use our design system", "apply our template", "make it look like…
Skill Claude CodeCodex
End-to-end web application development workflow with brand theming and standard patterns.
Skill Claude CodeCodex
Generate static or animated word clouds from any text source (PDF, DOCX, XLSX, PPTX, HTML, CSV, TXT), with theming, sentiment coloring and shape masks.
Skill Claude CodeCodex
Dark-themed architecture diagrams as self-contained HTML/SVG, no external tools. Use for system, cloud, microservice and deployment diagrams.
Skill Claude CodeCodex
Create ASCII art (banners, borders, image conversion, custom art), choosing between pyfiglet, cowsay, TOIlet, boxes and more.
Skill Claude Code
Works with: Any AI coding agent (Claude, Cursor, GitHub Copilot, Windsurf, etc.).
Skill Claude Code
Brand-themed Excalidraw diagrams for project documentation.
Skill Claude Code
Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.
Skill Claude Code
Software diagrams in Mermaid: class, sequence, flowchart, ERD, C4, state, git graph, gantt. Use for domain models, API flows, processes and database schemas.
Skill Claude Code
Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.
Skill Claude CodeCodex
Zero-dependency animated particle art as a React/Next.js component (spring physics, CSS-variable theming, mouse interaction). Use for animated hero art or a living logo, or on "particle animation", "particles that form a shape", "animated letter/logo/initials", "morphing particles", "constellation", "neural net art"…
Skill Claude Code
Brand-themed PlantUML diagrams for project documentation.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: