All authors
Claude Skills by SirCharan
github.com/SirCharan23 skills0 installs86 views
- Second BrainManage your Obsidian-compatible Claude memory vault — capture, consolidate, reconcile, link, review, health-audit, find, and prune notes. Use when you type /second-brain <subcommand>, or ask to tidy/curate/search memory, distill the Daily journal into notes, find contradictions, or check memory health. The vault is a plain folder of Markdown notes ($CLAUDE_MEMORY_DIR), driven by hooks — NO Obsidian plugins at runtime.Votes: 0GitHub stars: 2
- Anti Slop Design AuditRunnable graded anti-slop audit for web UI — grades a dashboard, landing page, marketing page, or component against severity-tiered AI-slop tells and either reports (detect mode) or fixes (rewrite mode), looping until clean. Use before shipping any UI, when a design "looks templated / looks AI-generated", to grade a design, or to apply dashboard data-density rules. Trigger on "design audit", "slop check", "review this UI", "does this look AI", "grade this design", "make this less templated", ...Votes: 0GitHub stars: 2
- Anti Slop Design LawThe pols.dev anti-slop design law — the mandatory anti-slop check for EVERY web/UI build. Load it FIRST alongside design-router before designing or reviewing any interface, and read the full law again before shipping. It is the catalogue of AI-slop tells to avoid (blue-purple gradients, glowy pill buttons, icon-in-tile, default Google fonts, kicker+serif-H2, the SaaS meta-skeleton, faked shadows, uncentered content, invisible-content entrance traps…) PLUS what premium actually looks like (one...Votes: 0GitHub stars: 2
- Build TddRunnable wrapper for building a feature test-first with a real completion gate. Chains superpowers' test-driven-development → the implementation → verification-before-completion, under ponytail's minimal-code discipline (YAGNI, stdlib-first, no unrequested abstractions). Requires the superpowers and ponytail packs — see starter-pack/manifest.json. Use when you type /build-tdd, or are asked to "build this properly / test-first / with tests", or when a feature is non-trivial enough that shippin...Votes: 0GitHub stars: 2
- Code Review DisciplineHigh-signal code-review discipline — apply when reviewing a diff/PR or running the built-in /code-review, /review, or the code-reviewer agent, and whenever you ask for a review or "check this code". Enforces a confidence gate (only report findings you're >80% sure are real bugs) and a false-positive skip list (don't flag handled-upstream cases, fixed-cardinality "N+1", pure style nits, or speculative "consider adding…"). Goal: zero-noise reviews where every reported item is a real, evidence-b...Votes: 0GitHub stars: 2
- Dataviz DesignResearched best-practices for designing & building data-dense analytics dashboards, trading/financial UIs, charts, and dark-mode design systems. Use when building or reviewing a dashboard/analytics UI, choosing a color palette or theme tokens, styling charts (Recharts/dataviz), designing PnL/heatmap color, picking typography/motion, or structuring information architecture (progressive disclosure, scorecards, simple/advanced). Contains: the coordinated cross-filtering interaction model, CVD-sa...Votes: 0GitHub stars: 2
- Design BuildRunnable wrapper for building a web UI the right way end-to-end — the design pipeline as one routine. Chains design-router → the picked primary (the project's own brand tokens when it has them, else ui-ux-pro-max --design-system) → layout-interaction-design + motion-3d → live-URL verification, with the taste levers in step 2 applied. Use when you type /design-build, or are asked to build/restyle/upgrade any page, dashboard, landing, report, or calculator, or to "make this look better / less t...Votes: 0GitHub stars: 2
- Design RouterThe TOP-LEVEL design routing rule — decides WHICH design skill to start from before any web/UI work. Load this FIRST (before design-system) whenever building, scaffolding, restyling, or reviewing any web UI. The rule: a project with its own fixed brand system → that brand's tokens win, no generator; EVERYTHING ELSE → ui-ux-pro-max is the primary START-HERE (run its search.py --design-system first, then build). The per-type skills (dataviz-design, editorial-report-design, marketing-microsite-d...Votes: 0GitHub stars: 2
- Design SystemShared design FOUNDATIONS for web UI work — the token layer, house stack (Next.js + Tailwind v4 + shadcn/ui + Lucide, Recharts for data), system-ui kill, WCAG 2.2 a11y baseline, component baseline, motion + responsive defaults, named-style picker, and "premium-feel" checklist distilled from Stripe/Vercel/Linear/Robinhood/Apple/Mercury. NOTE: routing lives in `design-router` (loaded FIRST) — branded work follows the brand's own tokens; all other UI starts from `ui-ux-pro-max`. This skill is th...Votes: 0GitHub stars: 2
- DiscoveryInterview-first discovery routine — run an interactive spec interview BEFORE building anything non-trivial. Use when you type /discovery, or at the start of any larger task (new site/app/feature/ dashboard/report/tool, a multi-step build, or a vague "make it better" ask). Turns a fuzzy ask into a confirmed spec + plan before code. Skip for one-line lookups, trivial fixes, or when you already answered this turn.Votes: 0GitHub stars: 2
- Docs DesignDesign guidance for documentation sites on Next.js + Tailwind + Vercel, especially Fumadocs (also Nextra/Starlight). Lightweight: it tells you what Fumadocs ships by default (sidebar, TOC, search, Shiki code blocks, theme switch) so you EXTEND rather than rebuild, plus what to customize (theme tokens, code-block polish, nav density, fonts) and the Swiss/Minimal docs look. Load alongside `design-system` (tokens, a11y). Trigger on: "docs site", "documentation", "Fumadocs", "Nextra", "API docs",...Votes: 0GitHub stars: 2
- Editorial Report DesignDesign recipes for editorial / long-form / research-report web pages — almanacs, deep-research write-ups, explainers, thought-leadership, a personal essay site. Covers reading measure, serif body typography, the editorial type scale, drop caps / pull quotes / footnotes, charts-embedded-in-prose, TOC/scroll-spy, and the Magazine/Swiss/Luxury-serif look. Load alongside `design-system` (tokens, a11y, motion). Trigger on: "research report", "long-form", "editorial", "almanac", "explainer", "essay...Votes: 0GitHub stars: 2
- Gtan WorkflowAn operating model for large multi-phase product builds — Garry Tan's GStack loop (Think→Plan→Build→Review→Test→Ship→Reflect) bound to an Obsidian-tracked phase discipline. Load at the START of any large/multi-day build (a new site, app, or product with 3+ phases), and re-load at each phase boundary. Enforces: one master plan + one plan-per-phase in the Obsidian vault, proper automated tests every phase, a written reflection before the next phase begins, small batches (one phase at a time, ch...Votes: 0GitHub stars: 2
- Layout Interaction DesignThe BEHAVIORAL layer companion to `design-system` — how a UI is spaced, where actions go, how users move through it, and how it responds. Load alongside `design-system` for any non-trivial interactive or multi-screen build (Next.js + Tailwind v4 + shadcn/ui on Vercel). Covers: spacing & layout mechanics (8pt grid, padding vs margin vs gap, Every-Layout primitives, measure), button & action hierarchy + placement/ordering (with the cross-platform disagreement flagged), navigation & routing (top...Votes: 0GitHub stars: 2
- Marketing Microsite DesignDesign recipes for marketing / landing / GTM microsites (product launches, pitch sites, campaign pages) built on Next.js + Tailwind + Vercel. Covers the proven hero structure, section order, CTA hierarchy, social proof, pricing tables, conversion best-practices, entrance/scroll motion, font pairings, and the Bento/Minimal/Aurora look. Load alongside the `design-system` skill (it owns tokens, a11y, motion mechanics). Trigger on: "landing page", "marketing site", "GTM microsite", "launch page",...Votes: 0GitHub stars: 2
- Motion 3dCross-cutting animation & 3D layer for web UI — decides WHICH animation tech to reach for once design-router has picked the primary design skill. NOT a primary/router itself. Load alongside design-router + layout-interaction-design for any UI with motion, transitions, scroll effects, gestures, 3D, or micro-interactions. The rule: default React UI animation → Motion (framer-motion/`motion`); scroll-driven/pinned/timeline/SVG-morph → GSAP; cheap list/reorder polish → auto-animate; designer-auth...Votes: 0GitHub stars: 2
- Pro Max SearchHow to drive the ui-ux-pro-max plugin's search.py design-intelligence engine with the house-stack defaults baked in. Load this when the design-router (or your own judgment) has decided ui-ux-pro-max is the skill for a NON-Delta UI task and you need the exact command to generate a design system, look up a palette, font pairing, chart palette, or stack best-practices. Covers: locating the installed search.py, invoking it by absolute path from the project root (never cd), the --design-system gen...Votes: 0GitHub stars: 2
- Simplified Technical EnglishWrite clear, unambiguous technical documentation using a pragmatic adaptation of ASD-STE100 Simplified Technical English. Use when writing or reviewing manuals, procedures, step-by-step instructions, API references, runbooks, release notes, tooltips, error messages, or any technical content that must be understood the same way by every reader (including non-native speakers). Trigger on "technical docs", "procedure", "manual", "runbook", "write instructions", "STE", "simplified technical engli...Votes: 0GitHub stars: 2
- Tool Calculator DesignDesign recipes for single-purpose tools and calculators built on Next.js + Tailwind + Vercel — a fee/PnL/position-size calculator, a converter, a form-driven utility. Covers input-forward layout, instant (no-submit) recompute, result-as-hero with visual breakdown, number formatting, inline per-field validation, shareable/permalink results, mobile-first density, and the Minimal/Flat look with one glass result card. Load alongside `design-system` (tokens, a11y). Trigger on: "calculator", "build...Votes: 0GitHub stars: 2
- Working With ClaudePlaybook for using Claude / Claude Code most effectively — fastest, cheapest, highest-quality output. Load when deciding HOW to do work (not just doing it): whether to use subagents, parallelize, or run a Workflow; which orchestration pattern fits (routing / parallel / evaluator-optimizer / judge / mixture-of-experts / orchestrator-workers); how to cut tokens & cost; which model (Opus/Sonnet/Haiku/ Fable); how to brief subagents; how to manage context; and the interview-first discovery discip...Votes: 0GitHub stars: 2
- Writing CompositionDocument-level writing craft — the layer above sentence polish. How to open (lede/hook), structure an argument, write headlines and section headings, order ideas, and size a piece to its job. Use when writing anything longer than a paragraph — READMEs, blog posts, marketing pages, reports, docs, explainers, release notes, essays — or when a draft "reads flat / has no flow / buries the point". The clarity + anti-slop skills fix sentences; this fixes the whole piece.Votes: 0GitHub stars: 2
- Writing EvalGraded LLM-as-judge pass for prose — the writing equivalent of anti-slop-design-audit. Scores a piece of writing against an analytic rubric (clarity, anti-slop, voice, structure) with per-criterion reasoning, in detect mode (grade only) or rewrite mode (fix and re-grade), looping until it passes. Use as the pre-ship gate on any substantial prose — docs, README, marketing copy, reports, release notes — or when asked to "grade this writing / score this copy / is this good enough to ship / eval ...Votes: 0GitHub stars: 2
- Writing RouterThe canonical map of the writing skills — which one to use when, collapsing the five overlapping skills into two axes (clarity + anti-slop) and resolving the sentence-length contradiction between them. Load this FIRST for any writing task to pick the right skills without redundancy, then apply them. Trigger on "write", "draft", "edit prose", "which writing skill", or at the start of any docs/copy/content work.Votes: 0GitHub stars: 2