iamnolanhu
UserPortable Claude Code configuration with profile-based setup. Layered CLAUDE.md, MCP integrations, cross-platform scripts.
Categories
Indexed Skills (18)
humanizer
Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, passive voice, negative parallelisms, and filler phrases.
reflection
Analyze Claude Code configuration and suggest improvements based on chat history
explore-plan-code-test
Structured development workflow using Explore, Plan, Code, Test phases. Use for implementing features, tickets, or complex changes.
test-and-fix
Run tests, analyze failures, and automatically fix them
verify-ui
Browser-based UI verification using agent-browser with Chrome fallback
color-strategy
Strategic color distribution for UI work. Enforces the 60/30/10 rule, OKLCH perceptual color scales, semantic color assignments (success/error/warning/info), and WCAG accessibility. Auto-invoke for any frontend work involving color decisions — new UIs, palette selection, theming, or when a design feels flat or generic. Skip if the project has a strict monotone design system that governs color via its own tokens (e.g. sigma-synapses).
context-dump
Capture all open browser tabs (Safari, Chrome, Arc, Brave, Edge) into a dated, insightfully-organized markdown file at ~/Documents/Context-Dumps/YYYY-MM-DD_<browser>-tabs.md so the user can close their browser windows with confidence. Use whenever the user says "dump my tabs", "tab triage", "too many tabs open", "save my context", "clear my safari/chrome", "organize my tabs", "context dump", "i have too many windows open", "help me close tabs", or describes feeling overwhelmed by open tabs/windows. Designed specifically for ADHD task offloading — produces a thematically clustered document with duplicate detection, cross-cluster connections, and "force a decision" / "research-as-procrastination" callouts, not just a flat URL list. Trigger this even when the user doesn't explicitly say "skill" or "context-dump" — recognize the underlying intent of "I need to clear my browser without losing what I was working on."
design-taste
Use whenever building, modifying, or reviewing UI — React components, pages, layouts, CSS, animations, micro-interactions, or design system work. Encodes a curated set of design-engineering philosophies (Emil Kowalski, animations.dev, impeccable.style, tasteskill.dev) covering taste, motion, polish, and the unseen details that make software feel right. Auto-invoke alongside ui-ux-pro-max for all frontend work.
feature-gap-audit
Compare the current state of a project against reference projects (predecessor versions, related open-source, internal in-flight branches) to surface missing features. Use when asked to "audit features", "find what's missing", "compare to v1/v2/old version", "feature gap", or to refresh a cumulative gap log. Outputs to a project-local cumulative living document, not a fresh report each time.
first-principles-analysis
Deconstruct problems to fundamental truths and rebuild solutions from scratch. Use when conventional solutions feel wrong, costs seem fixed, you hear 'that's how it's done,' or need breakthrough rather than incremental improvement.
getting-started
Onboarding router for new users of this toolkit. Use when someone says "I'm new", "help me get started", "new to this", "I want to build a website/app", "help me make something", "how do I start building", "I don't know how to code", "what can this do", or asks how to begin a project. Orients the user, detects their experience level and intent, then routes them through the existing skills (brainstorm, plan, build, verify, design, review, ship), narrating each step in plain language. Wins for first-timers so they get the orientation layer instead of jumping straight into mid-project feature work. Does not build anything itself — it drives the engine that does.
react-bits
Source pre-built, animated, customizable React components from React Bits (reactbits.dev — 130+ animated text, backgrounds, UI components & creative tools) instead of authoring motion-heavy UI from scratch. Auto-invoke alongside design-taste and ui-ux-pro-max whenever a UI task in a React/Next.js project calls for animated text, animated backgrounds, scroll/hover/cursor effects, or a polished interactive component (carousel, dock, bento, nav, gallery, card). Skip for non-React stacks or when the design system already supplies the component.
responsive-audit
Use when running a mobile/responsive audit on any web app — captures every page at iPhone SE / iPhone 13 / iPad / Desktop via agent-browser, runs an in-page overflow/affordance probe, generates a before/after audit doc, and builds a single shareable cloud-viewable comparison page hosted in the app's own public dir. Trigger on phrases like "mobile audit", "responsive audit", "test every page on mobile", "find responsive bugs", or "compare before/after at mobile widths".
scrapegraph
LLM-powered web scraping — extract structured data from a URL/page using a plain-language prompt, or answer a question by searching the web. Use when the user wants to "scrape", "extract data from", "pull info from a website", "get structured JSON from a page", "crawl and extract", or search the web and extract a structured answer. Backed by ScrapeGraphAI + OpenRouter (cheap models).
uiverse
Source small, copy-paste UI elements from Uiverse (uiverse.io — the largest open-source UI library, 7000+ community elements as HTML/CSS, Tailwind, React, or Figma) when a task needs an individual styled primitive — a button, loader/spinner, toggle switch, checkbox, radio, input, card, tooltip, or background pattern — rather than authoring it from scratch. Framework-agnostic, so use it for any stack (HTML, Vue, Svelte, React, Tailwind). Auto-invoke when sourcing a specific small UI element; skip when the project design system already supplies it, or when the need is a large animated React component (use react-bits) or full layout/page.
quick-commit
Stage all changes and commit with conventional commit message
review-changes
Review uncommitted git changes for bugs, security issues, and quality before committing
verify
Full verification loop - typecheck, test, lint, build. Use before committing or merging.
Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.