danielleit241
- 61 skills
- 0 followers
- 7 hours ago last updated
- ▌ Hs PDF · danielleit241 bundleExtract text/tables, create, merge, split PDFs. Fill PDF forms programmatically. Use for PDF processing, generation, form filling, document analysis, batch operations.
- ▌ Hs Fix · danielleit241 bundleFix bugs, errors, test failures, and CI/CD issues with intelligent routing. Use for type errors, lint issues, log errors, UI bugs, code problems.
- ▌ Hs Git · danielleit241 bundleGit operations with conventional commits. Use for staging, committing, pushing, PRs, merges. Auto-splits commits by type/scope. Security scans for secrets.
- ▌ Hs Xia · danielleit241 bundleExtract, compare, port, or adapt a feature from a GitHub repository or local repo path into the current project. Use when the user wants to copy behavior from another repo, study how another codebase implements something, compare implementations, or rewrite a feature in the local stack. Triggers on: 'port from', 'copy from repo', 'like how X does it', 'clone feature from', 'adapt from', 'bring feature from', 'borrow from', 'take from repo', 'xia', 'xi a', 'xia feature'.
- ▌ Hs Cook · danielleit241 bundleImplement features, plans, and fixes with structured workflow. Use for feature development, plan execution, code implementation pipelines.
- ▌ Hs Docs · danielleit241 bundleAnalyze codebase and manage project documentation. Use for doc initialization, updates, summaries, codebase analysis.
- ▌ Hs Help · danielleit241 bundleOpen the hs-skills help index. Use when users ask what skills are available, how the kit works, or which workflow to run.
- ▌ Hs Loop · danielleit241 bundleAutonomous iterative optimization loop — run N iterations against a mechanical metric, learn from git history, auto-keep/discard changes. Use for improving measurable metrics (coverage, performance, bundle size, etc.) through repeated experimentation.
- ▌ Hs Plan · danielleit241 bundlePlan implementations, design architectures, create technical roadmaps with detailed phases. Use for feature planning, system design, solution architecture, implementation strategy, phase documentation, and editorial self-contained HTML plan artifacts with --html.
- ▌ Hs Ship · danielleit241 bundleShip pipeline: merge main, test, review, commit, push, PR. Single command from feature branch to PR URL. Use for shipping official releases to main/master or beta releases to dev/beta branches.
- ▌ Hs Test · danielleit241 bundleRun unit, integration, e2e, and UI tests. Use for test execution, coverage analysis, build verification, visual regression, and QA reports.
- ▌ Hs Vibe · danielleit241Run the full vibe pipeline from request intake to PR readiness, with optional merge and post-merge CI convergence. Orchestrates worktree, plan, cook/fix, code-review, ship, and review-pr. Use for GitHub issues, feature requests, bug fixes, or autonomous ship runs.
- ▌ Hs Codex · danielleit241 bundleUse OpenAI Codex CLI (GPT-5.5 + gpt-image-2): second-opinion code review, GitHub PR audit, plan/spec auditing, edge-case discovery, style/persona prompting, and subscription-billed image generation for visual assets, banners, infographics. Activate on 'codex', 'second opinion', 'audit plan', 'review PR with codex', 'generate image', or 'create banner/illustration/visual asset'.
- ▌ Hs Scout · danielleit241 bundleFast codebase scouting using parallel agents. Use for file discovery, task context gathering, quick searches across directories. Supports internal (Explore) agents by default, with an opt-in external Gemini CLI path (consent-gated, off by default).
- ▌ Hs Advise · danielleit241Interview-driven advisory skill. Analyzes a prompt or URL (GitHub issue, spec, doc), scouts the codebase, interviews the user one question at a time to reframe the problem into exact requirements and goals, then delivers honest advice: what to do, what to avoid, better alternatives, benefits and trade-offs. Use when the user asks for advice, a second opinion, a sanity check, or requirement reframing before committing to a direction.
- ▌ Hs Deploy · danielleit241 bundleDeploy projects to any platform with auto-detection. Use when user says "deploy", "publish", "ship", "go live", "push to production", "host this app", or mentions any hosting platform (Vercel, Netlify, Cloudflare, Railway, Fly.io, Render, Heroku, TOSE, Github Pages, AWS, GCP, Digital Ocean, Vultr, Coolify, Dokploy). Auto-detects deployment target from config files and docs/deployment.md.
- ▌ Hs Devops · danielleit241 bundleDeploy to Cloudflare (Workers, R2, D1), Docker, GCP (Cloud Run, GKE), Kubernetes (kubectl, Helm). Use for serverless, containers, CI/CD, GitOps, security audit.
- ▌ Hs Shader · danielleit241 bundleWrite GLSL fragment shaders for procedural graphics. Topics: shapes (SDF), patterns, noise (Perlin/simplex/cellular), fBm, colors (HSB/RGB), matrices, gradients, animations. Use for generative art, textures, visual effects, WebGL, Three.js shaders.
- ▌ Hs Watzup · danielleit241 bundleGenerate short handoff reports from Git branches, remote refs, worktrees, unfinished plans, and roadmap docs. Surfaces priority-ranked next steps with checkbox progress and rationale. Use when the user asks what's in flight, wants progress/next steps, is in a fresh worktree or detached checkout, or needs end-of-session status.
- ▌ Hs Journal · danielleit241Write technical journal entries analyzing recent changes. Use for session reflections, change analysis, decision documentation.
- ▌ Hs Preview · danielleit241 bundleView files or generate visual explanations, slides, and diagrams. Use for code walkthroughs, architecture visualization, HTML/Markdown presentations.
- ▌ Hs Repomix · danielleit241 bundlePack repositories into AI-friendly files with Repomix (XML, Markdown, plain text). Use for new-project onboarding, codebase snapshots, LLM context preparation, security audits, third-party library analysis.
- ▌ Hs Threejs · danielleit241 bundleBuild 3D web experiences with Three.js. Use for WebGL/WebGPU scenes, GLTF models, animations, physics, VR/XR. Supports 556 searchable examples.
- ▌ Hs Remotion · danielleit241 bundleBuild video content with Remotion in React. Use for programmatic video creation, animated sequences, data-driven video rendering.
- ▌ Hs Research · danielleit241Research technical solutions, analyze architectures, gather requirements thoroughly. Use for technology evaluation, best practices research, solution design, scalability/security/maintainability analysis.
- ▌ Hs Security · danielleit241 bundleSTRIDE + OWASP-based security audit with optional red-team persona discovery loop, lightweight secret/vulnerability pattern scan, and guarded auto-fix. Scans code for vulnerabilities from multiple attacker perspectives (auth attacker, supply chain, insider, infrastructure), categorizes by severity, and can iteratively fix findings with a regression guard.
- ▌ Hs Show Off · danielleit241 bundleCreate preference-aware self-contained HTML pages to showcase work. Use for demos, visual presentations, interactive showcases.
- ▌ Hs Worktree · danielleit241 bundleCreate, inspect, and clean isolated git worktrees. Use for feature isolation, worktree health audits, stale cleanup, and monorepo or submodule workflows.
- ▌ Hs Bootstrap · danielleit241 bundleBootstrap new projects with research, tech stack, design, planning, and implementation. Modes: full (default interactive), auto (explicit autonomous), fast (skip research), parallel (multi-agent).
- ▌ Hs Databases · danielleit241 bundleDesign schemas, write queries for MongoDB and PostgreSQL. Use for database design, SQL/NoSQL queries, aggregation pipelines, indexes, migrations, replication, performance optimization, psql CLI.
- ▌ Hs Review Pr · danielleit241 bundleReview a GitHub pull request thoroughly — analyze diff for correctness, security, breaking changes, code quality, and AI-slop patterns. Supports --fix to auto-remediate findings and --reply to post the review back to GitHub via the gh CLI as a formal review.
- ▌ Hs Brainstorm · danielleit241Brainstorm solutions with trade-off analysis and brutal honesty. Use for ideation, architecture decisions, technical debates, feature exploration, feasibility assessment, design discussions.
- ▌ Hs Excalidraw · danielleit241 bundleCreate Excalidraw diagrams — architecture, data flow, workflows, system design. Use when user wants to visualize, diagram, draw architecture, show data flow, create flowcharts, map components, or export .excalidraw files to PNG/SVG. Supports two modes: live MCP canvas (real-time) or file-based JSON + Playwright rendering. Also supports zero-config codebase auto-diagramming — just say "diagram this repo" or "visualize the architecture".
- ▌ Hs Tech Graph · danielleit241 bundleGenerate production-quality SVG+PNG technical diagrams — architecture, data flow, flowchart, sequence, agent/memory, or concept maps — across 7 visual styles. Use when user wants "generate diagram", "draw diagram", "visualize", "architecture diagram", "flowchart", or any system/flow they want illustrated. Pairs with /hs:preview --diagram for visual self-review and /hs:mermaidjs-v11 for inline-doc diagrams; this skill is the publish-grade output mode.
- ▌ Hs UI Styling · danielleit241 bundleStyle UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.
- ▌ Hs Better Auth · danielleit241 bundleAdd authentication with Better Auth (TypeScript). Use for email/password, OAuth providers (Google, GitHub), 2FA/MFA, passkeys/WebAuthn, sessions, RBAC, rate limiting.
- ▌ Hs Code Review · danielleit241 bundleReview code quality with evidence-based rigor. Supports input modes: pending changes, PR number, commit hash, and codebase scan. Focuses on bugs, regressions, maintainability, reliability, and verification gaps.
- ▌ Hs Docs Seeker · danielleit241 bundleSearch library/framework documentation via llms.txt (context7.com). Use for API docs, GitHub repository analysis, technical documentation lookup, latest library features.
- ▌ Hs Find Skills · danielleit241 bundleHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
- ▌ Hs MCP Builder · danielleit241 bundleBuild MCP servers for LLM-external service integration. Use for FastMCP (Python), MCP SDK (Node/TypeScript), tool design, API integration, resource providers.
- ▌ Hs Web Testing · danielleit241 bundleWeb testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.
- ▌ Hs Coding Level · danielleit241Set coding experience level for tailored output. Use for adjusting explanation depth, code complexity, and response format to user expertise.
- ▌ Hs Agent Browser · danielleit241 bundleBrowser and desktop automation through the agent-browser CLI. Use for long autonomous browsing, compact page snapshots, screenshots, form filling, login/test flows without real Chrome profile state, scraping, exploratory QA, cloud browsers, Electron apps, Slack automation, and bug hunts.
- ▌ Hs Mermaidjs V11 · danielleit241 bundleCreate diagrams with Mermaid.js v11 syntax. Use for flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, state diagrams, architecture diagrams, timelines, user journeys.
- ▌ Hs Skill Creator · danielleit241 bundleCreate or update Claude skills. Use for new skills, skill scripts, references, packaging, metadata validation, and extending Claude's capabilities.
- ▌ Hs UI UX Pro Max · danielleit241 bundleUI/UX design intelligence for web and mobile: style selection, color systems, typography, layout, accessibility, interaction states, responsive behavior, forms, charts, design systems, and code review across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
- ▌ Hs Chrome Profile · danielleit241 bundleTarget a real Google Chrome profile for browser automation through Chrome DevTools MCP. Provides the chrome-profile CLI, profile discovery, live DevTools probing guidance, setup playbooks, and URL-anchor tab selection.
- ▌ Hs Web Frameworks · danielleit241 bundleBuild with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
- ▌ Hs Document Skills · danielleit241Read, create, and edit Office documents (docx, pdf, pptx, xlsx). Use for tables, forms, slides, spreadsheets.
- ▌ Hs Frontend Design · danielleit241 bundleCreate polished frontend interfaces from designs/screenshots/videos. Use for web components, 3D experiences, replicating UI designs, quick prototypes, immersive interfaces, avoiding AI slop.
- ▌ Hs Media Processing · danielleit241 bundleProcess media with FFmpeg (video/audio), ImageMagick (images), RMBG (AI background removal). Use for encoding, format conversion, filters, thumbnails, batch processing, HLS/DASH streaming.
- ▌ Hs Project Management · danielleit241 bundleTrack progress, update plan statuses, manage Claude Tasks, generate reports, coordinate docs updates. Use for project oversight, status checks, plan completion, task hydration, cross-session continuity.
- ▌ Hs Backend Development · danielleit241 bundleBuild backends with Node.js, Python, Go (NestJS, FastAPI, Django). Use for REST/GraphQL/gRPC APIs, auth (OAuth, JWT), databases, microservices, security (OWASP), Docker/K8s.
- ▌ Hs Context Engineering · danielleit241 bundleOptimize token consumption, debug context failures, design agent memory and context pipelines. Use when asking about context percentage, compaction, context optimization, agent architectures, memory systems.
- ▌ Hs Payment Integration · danielleit241 bundleIntegrate payments with SePay (VietQR), Polar, and Stripe. Checkout, webhooks, subscriptions, QR codes, and multi-provider orders.
- ▌ Hs Sequential Thinking · danielleit241 bundleApply step-by-step analysis for complex problems with revision capability. Use for multi-step reasoning, hypothesis verification, adaptive planning, problem decomposition, course correction.
- ▌ Hs Project Organization · danielleit241 bundleOrganize files, directories, and content structure in any project. Use when creating files, determining output paths, organizing existing assets, or standardizing project layout.
- ▌ Hs React Best Practices · danielleit241 bundleApply React and Next.js performance optimization patterns from Vercel Engineering. Use for component optimization, rendering performance, bundle analysis.
- ▌ Hs DOCX · danielleit241 bundleCreate, edit, analyze .docx Word documents. Use for document creation, tracked changes, comments, formatting preservation, text extraction, template modification.
- ▌ Hs PPTX · danielleit241 bundleCreate, edit, analyze .pptx PowerPoint files. Use for presentations, slides, layouts, speaker notes, template modification, content extraction, slide generation.
- ▌ Hs XLSX · danielleit241 bundleCreate, edit, analyze spreadsheets (.xlsx, .csv, .tsv). Use for Excel formulas, data analysis, visualization, formatting, pivot tables, charts, formula recalculation.