Prince-Vince
- 35 skills
- 0 followers
- 5 hours ago last updated
- ▌ Obsidian Vault · prince-vinceSearch, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.
- ▌ Firecrawl Agent · prince-vinceAI-powered autonomous data extraction that navigates complex sites and returns structured JSON. Use this skill when the user wants structured data from websites, needs to extract pricing tiers, product listings, directory entries, or any data as JSON with a schema. Triggers on "extract structured data", "get all the products", "pull pricing info", "extract as JSON", or when the user provides a JSON schema for website data. More powerful than simple scraping for multi-page structured extraction.
- ▌ Firecrawl Crawl · prince-vinceBulk extract content from an entire website or site section. Use this skill when the user wants to crawl a site, extract all pages from a docs section, bulk-scrape multiple pages following links, or says "crawl", "get all the pages", "extract everything under /docs", "bulk extract", or needs content from many pages on the same site. Handles depth limits, path filtering, and concurrent extraction.
- ▌ Hyperframes CLI · prince-vinceHyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting or validating compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.
- ▌ Firecrawl Scrape · prince-vinceExtract clean markdown from any URL, including JavaScript-rendered SPAs. Use this skill whenever the user provides a URL and wants its content, says "scrape", "grab", "fetch", "pull", "get the page", "extract from this URL", or "read this webpage". Handles JS-rendered pages, multiple concurrent URLs, and returns LLM-optimized markdown. Use this instead of WebFetch for any webpage content extraction.
- ▌ Firecrawl Search · prince-vinceWeb search with full page content extraction. Use this skill whenever the user asks to search the web, find articles, research a topic, look something up, find recent news, discover sources, or says "search for", "find me", "look up", "what are people saying about", or "find articles about". Returns real search results with optional full-page markdown — not just snippets. Provides capabilities beyond Claude's built-in WebSearch.
- ▌ Setup Pre Commit · prince-vinceSet up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing.
- ▌ Firecrawl Browser · prince-vinceDEPRECATED — use scrape + interact instead. Interact lets you scrape a page and then click, fill forms, and navigate without managing sessions manually. Use this skill when the user needs to interact with a webpage, log into a site, click buttons, fill forms, navigate multi-step flows, handle pagination, or when regular scraping fails because content requires JavaScript interaction. Triggers on "click", "fill out the form", "log in to", "paginated", "infinite scroll", "interact with the page", or "scrape failed".
- ▌ Firecrawl Download · prince-vinceDownload an entire website as local files — markdown, screenshots, or multiple formats per page. Use this skill when the user wants to save a site locally, download documentation for offline use, bulk-save pages as files, or says "download the site", "save as local files", "offline copy", "download all the docs", or "save for reference". Combines site mapping and scraping into organized local directories.
- ▌ Msp Website Design · prince-vinceDesign or review websites for managed service providers (MSPs), IT consultancies, cybersecurity firms, and local technology providers. Use this skill when creating or improving MSP website sections, backgrounds, patterns, visual systems, landing pages, service pages, or homepage layouts. Prioritizes trust, technical competence, local responsiveness, readability, accessibility, and conversion while avoiding generic cyber/AI aesthetics.
- ▌ Design An Interface · prince-vinceGenerate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
- ▌ Ubiquitous Language · prince-vinceExtract a DDD-style ubiquitous language glossary from the current conversation, flagging ambiguities and proposing canonical terms. Saves to UBIQUITOUS_LANGUAGE.md. Use when user wants to define domain terms, build a glossary, harden terminology, create a ubiquitous language, or mentions "domain model" or "DDD".
- ▌ Hyperframes Registry · prince-vince bundleInstall and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.
- ▌ Valyu Best Practices · prince-vince bundleComplete Valyu API toolkit for AI agents. Use this skill when asked to perform real-time search across web, academic, medical, transportation, financial sources, content extraction from URLs, AI-powered answers with citations, or comprehensive deep research reports.
- ▌ Web Animation Design · prince-vince bundleResearch and implement modern scroll animations and micro-interactions for web pages. References Dribbble, Jitter, and Mobbin for current design trends. Use when the user wants animations, scroll effects, micro-interactions, hover effects, page transitions, or says "animate", "scroll effects", "make it feel modern", "add motion", "Dribbble-style", or "Jitter animations".
- ▌ Request Refactor Plan · prince-vinceCreate a detailed refactor plan with tiny commits via user interview, then file it as a GitHub issue. Use when user wants to plan a refactor, create a refactoring RFC, or break a refactor into safe incremental steps.
- ▌ Website To Hyperframes · prince-vince bundleCapture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
- ▌ Git Guardrails Claude Code · prince-vince bundleSet up Claude Code hooks to block dangerous git commands (push, reset --hard, clean, branch -D, etc.) before they execute. Use when user wants to prevent destructive git operations, add git safety hooks, or block git push/reset in Claude Code.
- ▌ Improve Codebase Architecture · prince-vince bundleExplore a codebase to find opportunities for architectural improvement, focusing on making the codebase more testable by deepening shallow modules. Use when user wants to improve architecture, find refactoring opportunities, consolidate tightly-coupled modules, or make a codebase more AI-navigable.
- ▌ Ipra Growthzone Beaver Builder · prince-vinceField guide for rebuilding IPRA pages in GrowthZone's Beaver Builder (+ PowerPack). Captures the environment's quirks, the sanitizer landmines, and the proven CSS/layout patterns so future pages go fast instead of ping-ponging. Use when building or restyling any IPRA page in GrowthZone/Beaver Builder.
- ▌ Firecrawl · prince-vince bundleWeb scraping, search, crawling, and page interaction via the Firecrawl CLI. Use this skill whenever the user wants to search the web, find articles, research a topic, look something up online, scrape a webpage, grab content from a URL, extract data from a website, crawl documentation, download a site, or interact with pages that need clicks or logins. Also use when they say "fetch this page", "pull the content from", "get the page at https://", or reference scraping external websites. This provides real-time web search with full page content extraction and interact capabilities — beyond what Claude can do natively with built-in tools. Do NOT trigger for local file operations, git commands, deployments, or code editing tasks.
- ▌ Hyperframes · prince-vince bundleCreate video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.
- ▌ New Project · prince-vinceScaffold a new project by generating AI-filled spec, plan, tasks, and CLAUDE.md files from a one-line description. Creates specs/###-slug/ in the current working directory. Use when starting any new project, feature, or initiative and the user says "new project", "start a project", "scaffold", or provides a description to kick off structured project work.
- ▌ Prd To Plan · prince-vinceTurn a PRD into a multi-phase implementation plan using tracer-bullet vertical slices, saved as a local Markdown file in ./plans/. Use when user wants to break down a PRD, create an implementation plan, plan phases from a PRD, or mentions "tracer bullets".
- ▌ Write A Prd · prince-vinceCreate a PRD through user interview, codebase exploration, and module design, then submit as a GitHub issue. Use when user wants to write a PRD, create a product requirements document, or plan a new feature.
- ▌ Edit Article · prince-vinceEdit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.
- ▌ Triage Issue · prince-vinceTriage a bug or issue by exploring the codebase to find root cause, then create a GitHub issue with a TDD-based fix plan. Use when user reports a bug, wants to file an issue, mentions "triage", or wants to investigate and plan a fix for a problem.
- ▌ Firecrawl Map · prince-vinceDiscover and list all URLs on a website, with optional search filtering. Use this skill when the user wants to find a specific page on a large site, list all URLs, see the site structure, find where something is on a domain, or says "map the site", "find the URL for", "what pages are on", or "list all pages". Essential when the user knows which site but not which exact page.
- ▌ Prd To Issues · prince-vinceBreak a PRD into independently-grabbable GitHub issues using tracer-bullet vertical slices. Use when user wants to convert a PRD to issues, create implementation tickets, or break down a PRD into work items.
- ▌ Write A Skill · prince-vinceCreate new agent skills with proper structure, progressive disclosure, and bundled resources. Use when user wants to create, write, or build a new skill.
- ▌ QA · prince-vinceInteractive QA session where user reports bugs or issues conversationally, and the agent files GitHub issues. Explores the codebase in the background for context and domain language. Use when user wants to report bugs, do QA, file issues conversationally, or mentions "QA session".
- ▌ Tdd · prince-vince bundleTest-driven development with red-green-refactor loop. Use when user wants to build features or fix bugs using TDD, mentions "red-green-refactor", wants integration tests, or asks for test-first development.
- ▌ Gsap · prince-vince bundleGSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
- ▌ Grill Me · prince-vinceInterview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".
- ▌ Remotion · prince-vinceBuild React-based video compositions with Remotion. Use when the user mentions Remotion, wants to create or edit programmatic videos in React, works with `<Composition>`, `useCurrentFrame()`, `interpolate()`, `spring()`, `OffthreadVideo`, `Sequence`, `Series`, `TransitionSeries`, or asks to render MP4 videos from React components. Covers composition structure, frame-based animation, media tags (Img, Audio, Gif, OffthreadVideo), sequencing, transitions, and the deterministic-rendering rules Remotion requires.