saajunaid/caddis-plugin

saajunaid/caddis-plugin

Skill Claude Code

Create, edit and analyze .pptx presentations: layouts, comments, speaker notes. Use for any presentation task.

saajunaid/caddis-plugin

Skill Claude Code

Create, edit and analyze spreadsheets (.xlsx, .xlsm, .csv, .tsv): formulas, formatting, data analysis, charts, recalculation. Use for any spreadsheet task.

saajunaid/caddis-plugin

Skill Claude Code

Analyze a codebase, explain what the code does, and generate documentation such as README files.

saajunaid/caddis-plugin

Skill Claude Code

Hand-off doc for a team that did NOT do the investigation (vendor, contractor, another team) — the "stranger must follow it alone" case. Use when the user says "write a spec for the X team", "document this for someone outside the team", "explainer doc", "implementation spec for a vendor", or "hand this off to Y". Not…

saajunaid/caddis-plugin

Skill Claude Code

Suggest better variable, function, and class names based on context and conventions.

saajunaid/caddis-plugin

Skill Claude Code

Turn a PRD into working application code with a 6-phase method. Use when starting a project from requirements or specs.

saajunaid/caddis-plugin

Skill Claude Code

Plain-language explainer, with ranked Mermaid diagrams and Simplified Technical English, for a reader who did NOT do the investigation (manager, stakeholder). Use when the user says "explain this to X", "explainer", "write this up for someone non-technical", "plain English", "STE", "explain our findings", "write up…

saajunaid/caddis-plugin

Skill Claude Code

Documentation best practices for READMEs, API docs, architecture docs, runbooks and developer guides. Use when writing or reviewing docs or setting documentation standards.

saajunaid/caddis-plugin

Skill Claude Code

Use when you have a spec or requirements for a multi-step task, before touching code.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Generative and algorithmic art with p5.js: flow fields, particle systems, animations, WebGL, audio-reactive visuals; exports HTML, PNG, GIF, MP4, SVG. Use for creative coding or any p5.js visual.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Build elaborate multi-component claude.ai HTML artifacts with React, Tailwind CSS and shadcn/ui. Use for complex artifacts with state or routing, not simple single-file HTML.

saajunaid/caddis-plugin

Skill Claude CodeCodex needs its repo

Design banners for social media, ads, website heroes and print, in 22 styles, sized for Facebook, X, LinkedIn, YouTube, Instagram and Google Display.

saajunaid/caddis-plugin

Skill Claude CodeCodex needs its repo

Brand design: logos, corporate identity (CIP) mockups, SVG icons and social media visuals. Use for logo, CIP, icon or social visual design tasks.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines or company design standards apply.

saajunaid/caddis-plugin

Skill Claude Code needs its repo

Brand voice, tone, messaging frameworks and brand consistency. Use for branded content, marketing assets, brand compliance and style guides.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Create original static visual art as .png or .pdf from a design philosophy. Use when the user asks for a poster, piece of art, design or other static visual.

saajunaid/caddis-plugin

Skill Claude CodeCodex

CSS architecture: design tokens, custom properties, Tailwind config, CSS Modules, container queries, dark mode, fluid typography, animation. Covers how to implement styling; frontend-design covers what to achieve.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Google's DESIGN.md spec for describing a visual identity to coding agents: YAML tokens, Markdown rationale, CLI for WCAG checks and DTCG/Tailwind export. Use for agent-readable design system docs.

saajunaid/caddis-plugin

Skill Claude CodeCodex needs its repo

Design token architecture (primitive → semantic → component), CSS variables, spacing and type scales, component state specs. Use when creating design tokens.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Use when upgrading or harmonizing React/Vite enterprise dashboards: executive analytics UI, cohesive dashboard design systems, tasteful motion, polished data-heavy pages (FastAPI + React + Tailwind + shadcn).

saajunaid/caddis-plugin

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters or applications.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Create framework-aware UI mockups with feasibility checks. Prevents wasted effort by validating that proposed designs work within the target framework's constraints.

saajunaid/caddis-plugin

Skill Claude CodeCodex

Next.js App Router: Server vs Client Components, SSR/RSC, Server Actions, Middleware, data fetching, generateMetadata, route handlers, layout/page/error/loading.tsx, route groups, parallel routes, hydration issues.

saajunaid/caddis-plugin

Skill Claude CodeCodex

54 real-world design systems (Stripe, Linear, Vercel, Apple, Notion and more) as HTML/CSS reference: colors, type, components, spacing. Use when UI should match a specific company's look.