Anant Skills
A Claude Code plugin for design workflows, repo automation, and reusable agent procedures.
Skills
| Skill | What it does | |-------|-------------| | 60-30-10 Color Rule | Color palette framework adapted from cinematic color theory | | Capy | Scans your codebase to extract tokens, discover components, and build a /preview route | | Owner Deploy Trigger | Sets up owner empty-commit GitHub Actions deploy triggers | | Next.js GitHub CMS | Drops a password-protected /editor page into a Next.js site that commits content + images to GitHub — no database | | Progressive Blur | Layered backdrop-filter masks that fade a soft progressive blur from the top or bottom edge of the viewport |
---
60-30-10 Color Rule
> A framework for building visually coherent UIs — adapted from how cinematographers and production designers control color in film.
Example triggers:
"pick a color palette" · "my UI looks off" · "how do I make my CTA pop" · "help with dark mode colors" · "structure my CSS color tokens"
---
Capy — Design System Inspector & Preview Builder
> Scans React/Next.js repos to extract CSS variables, discover components, detect the framework, and build a polished /preview route — all from the actual codebase, never hallucinated.
Subcommands:
| Command | Action | |---------|--------| | /capy | Full scan + build the /preview page | | /capy design-system | Scan + write .capy/design-system.json only | | /capy update | Incremental refresh — detect changes, update preview |
Example triggers:
"build a component catalog" · "extract design tokens" · "audit my design system" · "create a /preview page"
---
Owner Deploy Trigger
> Configures a GitHub Actions workflow that turns non-owner pushes into owner-authored empty deploy trigger commits, with optional Vercel deploy hook support.
Example triggers:
"set up owner deploy trigger" · "make non-owner commits trigger owner deploys" · "audit the OWNER_GIT_PAT workflow" · "why is chore: trigger deploy skipped"
---
Next.js GitHub CMS
> Installs a self-hosted, no-database CMS into a Next.js (App Router) site: a password-protected /editor page where a non-technical user edits structured content and images, with every save committed to GitHub via the REST API. Pairs with Owner Deploy Trigger for the Vercel free-plan cross-account deploy fix.
Example triggers:
"add an editor page so my client can edit the site" · "build a CMS without a database" · "store site content in GitHub" · "let me edit copy and images and auto-deploy"
---
Progressive Blur
> A layered backdrop-filter blur that fades softly in from the top or bottom edge of the viewport. Uses stacked masked layers (0.5px → 64px) for a smooth depth gradient rather than a hard blur line. Ships top and bottom snippets plus knobs for height, strength, direction, and step count.
Example triggers:
"add a progressive blur" · "gradient blur overlay at the bottom" · "stepped backdrop-filter that fades from an edge" · "soft blur fade over my footer"
---
Installation
Add the marketplace, then install:
/plugin marketplace add GithubAnant/skills
/plugin install design-skills@anant-designOr test locally:
claude --plugin-dir /path/to/this/repoLicense
MIT
