All authors
Claude Skills by AlemTuzlak
github.com/AlemTuzlak35 skills0 installs0 views
- Accessible HtmlUse whenever writing, editing, or reviewing markup or UI code — HTML, JSX/TSX, Vue/Svelte/Angular templates, web components, email HTML, or CSS that affects text size, color, focus, motion, layout order, or hit area. Also use when adding a button, link, form, input, modal, dropdown, menu, tabs, tooltip, toast, icon, image, iframe, table, list, keyboard shortcut, drag interaction, or any click handler; when a design has to become code; and when the user says "accessibility", "a11y", "WCAG", "s...Votes: 0GitHub stars: 42
- Amazing VideoUse only when the user runs /amazing-video or names the amazing-video skill. The text after the command is the video topic, such as a PR, a feature, or an API.Votes: 0GitHub stars: 42
- Architecture ImpactUse when the user wants to understand the before/after architectural impact of a PR, what changed structurally, what it enables, and what risks it introducesVotes: 0GitHub stars: 42
- Blog PostUse when the user wants to write a blog post about a feature, product change, PR, git diff, or any technical topic - accepts marketing briefs, PRs, git refs, codebase paths, or freeform descriptions as inputVotes: 0GitHub stars: 42
- Build FeatureUse when the user runs /build-feature or asks to implement or build a feature end to end. Don't use when a bug is already in play, for typos, comments, formatting, docs-only work, or when the user only wants a single leaf skill.Votes: 0GitHub stars: 42
- ChangelogUse when the user wants to generate a changelog, release notes, or document what changed between versions, tags, or PRsVotes: 0GitHub stars: 42
- DocsUse when writing, editing, or organizing documentation, when planning what docs a feature needs, and whenever planning or implementing a new feature or change in a repo (docs ship with the code). Also use when tempted to write docs without showing the discovered readers to the user, without asking for tone, or without loading simple-english and i-have-adhd. Triggers on "write docs for X", "document this feature", "add a guide", "update the docs", "reorganize the docs", "plan feature X", "impl...Votes: 0GitHub stars: 42
- Epic WorkshopUse when generating, planning, authoring, or recording an Epic Web / Epic React style workshop, exercise, tip, or video. Applies Kent C. Dodds' "How to be an Epic Instructor" principles to workshop design, exercise structure, recording, and material delivery, and encodes Epic Web's exercise-comment emoji conventions. Used to generate workshops following https://www.epicweb.dev/get-started. Triggers on "create a workshop", "generate a workshop", "design an exercise", "record a workshop video",...Votes: 0GitHub stars: 42
- Fix BugUse when a bug is in play: a test fails, CI is red, an API returns the wrong result, a stack trace appears, or the user says it is broken or fix this. Don't use for a new feature with no failure, for types-only work, or for docs.Votes: 0GitHub stars: 42
- Hyperframes VideoUse when the user wants to generate a rendered promotional video (not just a script) for a PR, feature, or product change — produces a HyperFrames HTML composition, iterates with `npx hyperframes preview`, and outputs mp4 + poster for X/LinkedIn/social.Votes: 0GitHub stars: 42
- I Have AdhdUse when the user invokes /i-have-adhd, says they have ADHD, or asks for ADHD-friendly output. Also used as a required writing filter by the docs skill. Don't use for marketing copy or after the user says "stop adhd mode" or "normal mode".Votes: 0GitHub stars: 42
- Lego PlanUse when a settled change must be turned into an ordered stack of small blocks before anyone implements. Don't use for unsettled intent, typos, comments, formatting, docs-only work, or writing the implementation itself.Votes: 0GitHub stars: 42
- Marketing BriefUse when the user wants to generate a marketing brief from a GitHub PR, git ref comparison, codebase feature, or freeform description of a feature or product changeVotes: 0GitHub stars: 42
- Marketing PipelineUse when the user wants to run multiple marketing skills together (brief, blog post, social copy, changelog, newsletter, video script) from a single input, or when they mention "marketing pipeline", "full marketing", or "launch content"Votes: 0GitHub stars: 42
- NewsletterUse when the user wants to write a product update email, feature announcement newsletter, or digest email for users or subscribersVotes: 0GitHub stars: 42
- Pr DescriptionUse when writing a pull request title or body, when about to run gh pr create, when about to git push on a branch that already has an open PR, or when the user says /pr-description, "write the PR description", or "update the PR title". Don't use for commit messages, changelogs, or review comments.Votes: 0GitHub stars: 42
- PresentationUse when slidedev-presentation or threejs-presentation needs research, interview, craft, or storyboard rules. Don't use alone to generate a deck. Don't use for raw Slidev syntax or a one-off definition.Votes: 0GitHub stars: 42
- Produce VideoUse when the user wants to turn a raw talking-head / screen-share recording into a finished, edited, annotated video plus a full content package. Removes silences, flags mistakes for the user to cut, transcribes, adds transcript-synced overlays (code, on-screen code highlights, word highlights, lists, comparisons, diagrams, section labels, punch-in zooms), renders with original audio, then generates blog/socials/YouTube content. Triggers on "produce a video", "edit my video", "annotate my rec...Votes: 0GitHub stars: 42
- Prove ItUse when the user runs /prove-it or says prove it, prove the changes, show me in the browser, or asks to prove a UI or API change. Don't use only because the agent is about to say done, for types-only work, or for docs with no behavior to prove.Votes: 0GitHub stars: 42
- Remotion VideoUse when the user wants to generate a rendered promotional video (not just a script) for a PR, feature, or product change — produces a Remotion project, iterates with preview, and outputs mp4 + poster for X/LinkedIn/social.Votes: 0GitHub stars: 42
- Reuse FirstUse when the agent is about to add a helper, util, type guard, mapper, or small generic function. Use when the same if/guard/snippet already appears in two places the change has opened. Don't use for UI copy, comments, one-off JSX, or for implementing feature behavior that is not a helper.Votes: 0GitHub stars: 42
- RfcUse when the user wants to write, draft, or author an RFC (Request for Comments) / technical design doc for a feature, change, or architectural decision. Interactively interviews the user, grounds the proposal in the actual codebase, presents 2-3 concrete API/code-snippet approaches to choose from, then writes a review-ready RFC. Triggers on "write an RFC", "draft an RFC", "RFC for X", "design doc for X", or /rfc.Votes: 0GitHub stars: 42
- Slidedev PresentationUse when the user wants a Slidev deck, 2D slides, slides.md, or a conference talk that is not a 3D world. Triggers on "slidev deck", "make slides", "2D presentation". If they say "make a presentation" and do not name Slidev, Three.js, 3D, or a world, ask once: Slidev or Three.js world. Don't use for Three.js / spatial / world talks (threejs-presentation) or raw Slidev syntax (official slidev skill).Votes: 0GitHub stars: 42
- Social CopyUse when the user wants to create social media posts or launch copy for a feature, product change, PR, or announcement - generates platform-specific copy for Twitter/X, LinkedIn, and other platformsVotes: 0GitHub stars: 42
- Tanstack BrandingUse when designing or building anything that should look like TanStack — a landing or dashboard page, an OG/social image, a README header, a video or motion graphic, slides, a diagram, merch, or an email. Also use when reviewing whether an existing design is on brand, or when you need exact TanStack colors, fonts, logo files, or category accents. Triggers on "TanStack branding", "our branding", "TanStack colors", "on brand", "brand guidelines", "TanStack logo".Votes: 0GitHub stars: 42
- Teach MeUse when the user wants to deeply learn a new topic from scratch. Runs a pre-interview (current knowledge, end-goal proficiency, depth, practice load, background, scope), researches online (articles, niche-influencer blogs, canonical docs, subtopic landscape), then produces a structured markdown course with mandatory visual diagrams, evidence-based learning-science features (retrieval practice, spaced callbacks, worked-example fading, concept ledger, jargon gate, analogy hygiene), and a self-...Votes: 0GitHub stars: 42
- Test HygieneUse when writing, modifying, or working near test code, when tests look tautological or snapshot-based, when adding a done-when check, or when covering error paths. Don't use for production-only edits with no tests, docs, or UI copy.Votes: 0GitHub stars: 42
- Threejs PresentationUse when the user wants a 3D presentation, Three.js talk, world talk, or spatial deck. Triggers on "threejs presentation", "3D talk", "world talk", "presentation in 3D space". If they say "make a presentation" and do not name Slidev, Three.js, 3D, or a world, ask once: Slidev or Three.js world. Don't use for Slidev / 2D slides.md (slidedev-presentation) or raw Three.js API help.Votes: 0GitHub stars: 42
- To PrdUse when the user wants to write, draft, or generate a PRD after finishing work, or from a ticket, a PR, or a feature description. Triggers on /to-prd, "write a PRD", "generate a PRD", "draft a PRD", or "spec this work". Don't use for RFCs, implementation plans, or Team EEP Linear status moves.Votes: 0GitHub stars: 42
- Touch MapUse when the change intent is already settled and the agent must map what a behavior change touches before an implementation plan or any code. Use for new features, bug fixes, and refactors that move a boundary. Don't use for typos, comments, formatting, lockfile-only diffs, docs with no code, or while the user is still deciding what they want.Votes: 0GitHub stars: 42
- Transcribe VideoUse when the user wants to transcribe a video or audio file to text with word-level timestamps — spins up a self-contained local Whisper (whisper.cpp) Docker service bundled in this skill and returns transcript.txt, transcript.srt, and word-level transcript.words.json. Also used as a building block by /produce-video. Triggers on "transcribe this video", "get a transcript", "transcribe-video".Votes: 0GitHub stars: 42
- Typescript StandardsUse when writing, reviewing, or architecting TypeScript in app or library code. Don't use for test-only files, docs, CSS, or helper placement (that is a different search).Votes: 0GitHub stars: 42
- Upgrade DependenciesUse when upgrading a JS/TS dependency or toolchain to a new/latest version (e.g. "upgrade TypeScript to the latest", "bump Vite to v7", major-version bumps), or when a build/typecheck/lint/test/CI goes red after a version bump and peer-dependency incompatibilities need resolving.Votes: 0GitHub stars: 42
- Video ScriptUse when the user wants to write a video script for a product demo, feature walkthrough, launch video, or social media video about a feature or product changeVotes: 0GitHub stars: 42
- Youtube CopyUse when the user wants YouTube metadata for a video — a click-worthy title, an SEO/above-the-fold description, tags, and timestamped chapters. Accepts a transcript (ideally timestamped SRT), a topic, a PR, or a freeform description. Used standalone and by /produce-video. Triggers on "youtube title", "youtube description", "youtube chapters", "youtube tags", "youtube metadata", "youtube-copy".Votes: 0GitHub stars: 42