All authors
Claude Skills by asgeirtj
github.com/asgeirtj199 skills25 installs401 views
- Artifact CapabilitiesRuntime capabilities a published Artifact page can be granted — behavior static HTML cannot provide on its own, such as the page reading live or connected data, remembering what people do on it (a poll, a sign-up sheet, a checklist, a document edited in place — it saves new versions of itself), keeping state shared across viewers, knowing who is viewing, asking Claude a question of its own, storing files people add, or handing the viewer a file to save. Serves this user's live capability rost...Votes: 0GitHub stars: 69,003
- Artifact DesignDesign guidance and fundamentals for Artifacts.Votes: 0GitHub stars: 69,003
- Artifact DiagrammingDiagramming know-how for Artifacts - when a picture earns its place, how to draw one that shows the real mechanism, and the inline-SVG mechanics that keep it legible in both themes.Votes: 0GitHub stars: 69,003
- BatchResearch and plan a large-scale change, then execute it in parallel across 5–30 isolated worktree agents that each open a PR.Votes: 0GitHub stars: 69,003
- Claude In ChromeAutomates your Chrome browser to interact with web pages - clicking elements, filling forms, capturing screenshots, reading console logs, and navigating sites. Opens pages in new tabs within your existing Chrome session. Requires site-level permissions before executing (configured in the extension).Votes: 0GitHub stars: 69,003
- Code ReviewReview the current diff, or a PR number/branch/path target, for correctness bugs (plus reuse/simplification/efficiency cleanups where the model's review recipe covers them) at the given effort level (low/medium: fewer, high-confidence findings; high→max: broader coverage, may include uncertain findings; ultra: deep multi-agent review in the cloud (requires claude.ai account access)); with no level given, it reuses the level you typed last. Pass --comment to post findings as inline PR comments...Votes: 0GitHub stars: 69,003
- DatavizUse this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium — an HTML or React artifact, inline SVG, plotting code in any library (matplotlib, plotly, d3, Recharts, …), an image/PNG you will render and upload, or a chart shared into Slack. Read it BEFORE writing the first line of chart code, choosing chart colors, building a stat tile / meter / KPI row, or laying out a dashboard. When the destination is a first-party document ...Votes: 0GitHub stars: 69,003
- DebugEnable debug logging for this session and help diagnose issuesVotes: 0GitHub stars: 69,003
- Deep ResearchDeep research harness — fan-out web searches, fetch sources, adversarially verify claims, synthesize a cited report.Votes: 0GitHub stars: 69,003
- Design SyncPush a React design system to claude.ai/design. This runs a converter that bundles the real component code (from Storybook or a bare package) and uploads it. Use when the user runs /design-sync or says "sync my design system to Claude Design".Votes: 0GitHub stars: 69,003
- Non StorybookNo Storybook - the component list comes from the package's shipped `.d.ts` exports, and there is **no reference render to verify against**. Preview quality therefore comes from two layers: the converter ships every component fully functional (bundle + `.d.ts` + `.prompt.md`) with an honest **floor card**, and rich previews are **authored** - by you, from the repo's own usage examples - for the components the user scopes in (§4). Authored previews are graded on an absolute rubric (§4.3) and re...Votes: 0GitHub stars: 69,003
- StorybookStorybook is the **fidelity oracle, not the runtime**. The converter bundles the package's compiled `dist/` into `_ds_bundle.js` - the same bundle the claude.ai/design agent builds with - and generates each preview by **compiling the story source module itself** (hooks, fixtures, local helpers - the whole closure comes along), with every component import resolved to that shipped bundle (`lib/story-imports.mjs` redirects package *and* relative component imports to `window.<Global>`). The repo'...Votes: 0GitHub stars: 69,003
- DesignCreate a design canvas - a multi-artboard visual design published as an Artifact that runs Claude Design's canvas editor (an early preview of Claude Design inside Claude Code). You DRAFT the design as .dc.html artboards laid out on one pan/zoom canvas; where saving is enabled for the user's account they refine every element visually (click-to-select, a properties panel, inline text editing, undo/redo) and Save publishes a new version for everyone, otherwise they get a view-and-export (PNG/PDF...Votes: 0GitHub stars: 69,003
- DoctorHealth-check the user's Claude Code setup and fix issues: diagnose installation health — what the `claude doctor` terminal diagnostics cover — from local data (duplicate or leftover installs, PATH, unparseable settings files, broken or colliding agent definitions, skills whose frontmatter fails to parse); find unused skills, MCP servers, and plugins versus their context cost and disable dead weight; deduplicate local CLAUDE.md files against checked-in ones; trim checked-in CLAUDE.md files by ...Votes: 0GitHub stars: 69,003
- Fewer Permission PromptsScan your transcripts for common read-only Bash and MCP tool calls, then add a prioritized allowlist to project .claude/settings.json to reduce permission prompts.Votes: 0GitHub stars: 69,003
- InitInitialize a new CLAUDE.md file with codebase documentationVotes: 0GitHub stars: 69,003
- Keybindings HelpUse when the user wants to customize keyboard shortcuts, rebind keys, add chord bindings, or modify ~/.claude/keybindings.json. Examples: "rebind ctrl+s", "add a chord shortcut", "change the submit key", "customize keybindings".Votes: 0GitHub stars: 69,003
- LoopRun a prompt or slash command on a recurring interval (e.g. /loop 5m /foo). Omit the interval to let the model self-pace.Votes: 0GitHub stars: 69,003
- Run Skill GeneratorAuthor or improve the run-<unit> skill - a per-project skill that tells agents how to build, launch, and drive this project's app. Use when the user asks to set up the project, get it running, write run instructions, or verify build/run steps work from a clean environment.Votes: 0GitHub stars: 69,003
- RunLaunch and drive this project's app to see a change working. Use when asked to run, start, or screenshot the app, or to confirm a change works in the real app (not just tests). First looks for a project skill that already covers launching the app; otherwise falls back to built-in patterns per project type (CLI, server, TUI, Electron, browser-driven, library).Votes: 0GitHub stars: 69,003
- ScheduleCreate, update, list, or run scheduled cloud agents (routines) that execute on a cron schedule.Votes: 0GitHub stars: 69,003
- Security ReviewComplete a security review of the pending changes on the current branchVotes: 0GitHub stars: 69,003
- SimplifyReview the changed code for reuse, simplification, efficiency, and altitude cleanups, then apply the fixes. Quality only — it does not hunt for bugs; use /code-review for that.Votes: 0GitHub stars: 69,003
- Update ConfigUse this skill to configure the Claude Code harness via settings.json. Automated behaviors ("from now on when X", "each time X", "whenever X", "before/after X") require hooks configured in settings.json - the harness executes these, not Claude, so memory/preferences cannot fulfill them. Also use for: permissions ("allow X", "add permission", "move permission to"), env vars ("set X=Y"), hook troubleshooting, or any changes to settings.json/settings.local.json files. Examples: "allow npm comman...Votes: 0GitHub stars: 69,003
- VerifyVerify that a code change actually does what it's supposed to by exercising it end-to-end and observing behavior — drive the affected flow, not just tests or typecheck. Run before committing nontrivial changes; bootstraps this repo's project verify skill if none exists yet. Don't invoke it on a diff that only touches tests, docs, or other code with no runtime surface to drive (a change to product source always has one) — there's nothing to observe.Votes: 0GitHub stars: 69,003
- Workflow AuthoringReference for writing a Workflow tool script (script API and gotchas, resume, quality patterns, worked examples). Load before authoring a script for a workflow the user already opted into; it does not itself authorize running one.Votes: 0GitHub stars: 69,003
- Setup CoworkGuided Cowork setup — install a matching plugin, try a skill, connect tools. Use when: set up cowork, setup cowork, get started with cowork, cowork onboarding, configure cowork, personalize cowork.Votes: 0GitHub stars: 69,003
- Setup Writing StyleLearns how the user writes from their own sent messages and docs, and builds a voice profile so future drafts sound like them instead of generic AI. The profile is saved as the my-writing-style skill. Use when the user asks to set up, learn, or capture their writing voice, or complains that drafts sound generic or unlike them and no my-writing-style profile exists. Only for drafting text the user will send as themselves, not for Claude's own replies.Votes: 0GitHub stars: 69,003
- 3d Objectthree.js model, downloadable as OBJ or GLBVotes: 0GitHub stars: 69,003
- Animated VideoTimeline-based motion designVotes: 0GitHub stars: 69,003
- Claude Api In PrototypesCall Claude from your HTML artifacts via window.claude.completeVotes: 0GitHub stars: 69,003
- Create Design SystemSkill to use if user asks you to create a design system or UI kitVotes: 0GitHub stars: 69,003
- Export As Pptx EditableNative text & shapes — editable in PowerPointVotes: 0GitHub stars: 69,003
- Export As Pptx ScreenshotsFlat images — pixel-perfect but not editableVotes: 0GitHub stars: 69,003
- FlierPrint-ready single pageVotes: 0GitHub stars: 69,003
- Frontend DesignAesthetic direction for designs outside an existing brand systemVotes: 0GitHub stars: 69,003
- Handoff To Claude CodeDeveloper handoff packageVotes: 0GitHub stars: 69,003
- Hi Fi DesignThe design process for high-fidelity, polished work — the system prompt tells Claude to invoke it before starting any designVotes: 0GitHub stars: 69,003
- Html EmailSend-ready single-file emailVotes: 0GitHub stars: 69,003
- Interactive PrototypeWorking app with real interactionsVotes: 0GitHub stars: 69,003
- Make A DeckSlide presentation in HTMLVotes: 0GitHub stars: 69,003
- Make A DocPage-style document, printable out of the boxVotes: 0GitHub stars: 69,003
- Make TweakableAdd in-design tweak controlsVotes: 0GitHub stars: 69,003
- Maps GeographyAccurate maps from real geo data — use for any map, or whenever geography would make a good graphic for a deliverableVotes: 0GitHub stars: 69,003
- OptionsPresent multiple design options as a vertical stack of anchored turnsVotes: 0GitHub stars: 69,003
- Save As PdfPrint-ready PDF exportVotes: 0GitHub stars: 69,003
- Save As Standalone HtmlSingle self-contained file that works offlineVotes: 0GitHub stars: 69,003
- Web ResearchFindings grounded in live web sourcesVotes: 0GitHub stars: 69,003
- WireframeExplore many ideas with wireframes and storyboardsVotes: 0GitHub stars: 69,003
- Claude ApiReference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration. TRIGGER — read BEFORE opening the target file; don't skip because it "looks like a one-liner" — whenever: the prompt names Claude/Anthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing/model choice/limits/caching) — never answ...Votes: 0GitHub stars: 69,003