All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- High ContrastWeb and App implementation guide for High Contrast Design. Trigger when user wants accessibility-focused design, extreme legibility, or stark visual impact.Votes: 0GitHub stars: 3
- High End Visual DesignUse when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.Votes: 0GitHub stars: 3
- Hivebrowser AutomationRequired before any browser_* tool call. Teaches the screenshot + browser_click_coordinate workflow that reaches shadow-DOM inputs selectors can't see, the CSS-pixel coordinate rule (not physical px), rich-text editor quirks (\"send button stays disabled\" failures), and CSP gotchas. Covers Chrome via CDP through the GCU Beeline extension. Skipping this causes repeated failures on LinkedIn / Reddit / X. Verified against real production sites 2026-04-11.Votes: 0GitHub stars: 3
- Hivechart Creation FoundationsRequired reading whenever any chart_* tool is available. Teaches the one-tool embedding contract (call chart_render → live chart appears in chat AND a downloadable PNG lands in the queen session dir), the ECharts (data viz) vs Mermaid (structural diagrams) decision, the BI/financial-grade aesthetic baseline (no chartjunk, restrained palette, proper typography, single message per chart), and the canonical spec patterns for the 12 most-common chart types. Skipping this leads to 1990s-Excel char...Votes: 0GitHub stars: 3
- Holdback Experiment DesignDesign degradation holdbacks and long-term cumulative holdbacks for product experiments and feature rollouts. Use when a team needs a long-term counterfactual, wants to measure delayed impact after launch, is worried about metric degradation over time, needs to decide holdback size or duration, or must weigh the user/business cost of withholding a feature.Votes: 0GitHub stars: 3
- Holographic UiWeb and App implementation guide for Holographic UI. Trigger when user wants light-based appearance, projected interfaces, and transparent floating elements.Votes: 0GitHub stars: 3
- Hooked UxDesign habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions \"users arent coming back\", \"habit formation\", \"engagement loops\", \"habit zone\", or \"the manipulation matrix\". Also trigger when designing notification or re-engagement strategies, building streaks or progress systems, or analyzing why users stop after signup. Covers ethics evaluation and onboarding for habits. For friction reduction and B=MAP, see improv...Votes: 0GitHub stars: 3
- Htmx Endpoint DesignDesign and review htmx endpoint contracts for server-rendered HTML fragments. Use when adding or debugging hx-get, hx-post, hx-put, hx-patch, hx-delete, hx-target, hx-swap, hx-select, out-of-band swaps, HX-Trigger events, partial template responses, redirects, retargeting, or response headers.Votes: 0GitHub stars: 3
- Htmx InteractivityCoordinate htmx with lightweight browser-side interactivity. Use when adding Alpine.js, _hyperscript, local UI state, custom events, dialogs, transitions, keyboard behavior, or browser-only state around htmx swaps in a server-rendered app.Votes: 0GitHub stars: 3
- Htmx RecipesImplement common htmx interaction recipes in server-rendered web apps. Use when building lazy loading, boosted links/forms, active search, inline validation, delete buttons, CSS transitions, form reset, optimistic updates, pagination, infinite scroll, toggled selection, polling, custom dialogs, request headers, click-to-edit, or HTML/JSON endpoint splits.Votes: 0GitHub stars: 3
- Huashu Design花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。Votes: 0GitHub stars: 3
- Hyperflow DesignHyperflow design phase. Use when designing a UI / visual system or making a screen look good — verbs like \"design the UI\", \"make it look good\", \"design the screen\", \"visual design\", \"design system\". Establishes or extends a domain-grounded design system, researches real-world prior art, and renders it slop-free. Thinking and taste, not building.Votes: 0GitHub stars: 3
- Iconic Arbitrary And SymbolicApply arbitrary and symbolic icon design — using forms with no inherent meaning that depend on convention to communicate (the hamburger menu, the kebab menu, the AI sparkle, app brand-mark icons). Use when a function has no clear visual referent, when working within a domain that has its own icon vocabulary, when establishing or following a convention, or when evaluating whether a convention is strong enough to support icon-only treatment. Arbitrary icons require prior learning to work; the s...Votes: 0GitHub stars: 3
- Iconic RepresentationApply iconic representation — using simplified visual symbols to communicate function, status, or category at a glance. Use when designing icon sets, choosing between icon and text labels, evaluating whether to lean on existing iconography (resemblance to a known object) or invent symbolic icons (arbitrary forms with assigned meanings), or auditing whether your icons are actually communicating. Three kinds: similar (icons that look like what they represent), example (icons that depict an obje...Votes: 0GitHub stars: 3
- Iconic ResemblanceApply iconic resemblance — designing or choosing icons that visually look like what they represent. Use when picking icons for actions or objects with strong visual referents (camera, clock, lock, calendar), evaluating whether a custom icon is communicating, or testing whether your icon set actually conveys meaning to your audience. Resemblance is the strongest form of icon recognition because it requires no prior learning; it fails when the function has no visual referent or when the audienc...Votes: 0GitHub stars: 3
- Iconsax LibraryExtensive icon library and AI-driven icon generation skill for premium UI/UX design.Votes: 0GitHub stars: 3
- Imagegen Frontend MobileElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone...Votes: 0GitHub stars: 3
- Imagegen Frontend WebElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a si...Votes: 0GitHub stars: 3
- ImagegenGenerate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established...Votes: 0GitHub stars: 3
- Img To FrontendUse when the user wants an end-to-end premium visual design workflow for any type of website or web page created directly from images.Votes: 0GitHub stars: 3
- Immersion Distraction CostRecognize and design against the cost of attention fragmentation — the disproportionate damage that even small interruptions do to focused work. Use when designing notification systems, evaluating whether a feature should interrupt the user, planning feature introductions, or auditing a product for unintended attention costs. The cost of breaking immersion is much higher than designers usually estimate; restraint in interruption is one of the most user-respectful design moves.Votes: 0GitHub stars: 3
- Immersion FlowDesign for flow specifically — calibrate challenge to skill, provide immediate feedback, set clear goals, foreground the activity. Use when designing tools for skilled work (writing, drawing, programming, music), games, learning experiences, or any context where sustained engagement is the goal. Flow is the most-researched aspect of immersion; the conditions for it are specific and the design moves that support it are well-documented.Votes: 0GitHub stars: 3
- ImmersionApply the principle of Immersion — designing for sustained focus and engagement, where the user becomes absorbed in the activity and loses awareness of the surrounding environment. Use when designing for creative work, deep reading, gameplay, learning, or any activity that benefits from extended focused attention. Immersion requires removing distractions, providing clear feedback, calibrating challenge to skill, and respecting the user''s flow state. Modern attention-driven products often wor...Votes: 0GitHub stars: 3
- ImmersiveAn immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green)Votes: 0GitHub stars: 3
- ImpeccableA modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.Votes: 0GitHub stars: 3
- Industrial Brutalist Ui Sickn33Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.Votes: 0GitHub stars: 3
- Industrial Brutalist UiRaw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.Votes: 0GitHub stars: 3
- Inspiration AnalyzerAnalyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.Votes: 0GitHub stars: 3
- Interaction DesignDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.Votes: 0GitHub stars: 3
- Interaction RouterUse this skill whenever a design task involves what users *can do* and what happens when they do it — affordances, feedback, errors, undo, confirmation, target sizing, keyboard handling, modal vs. non-modal decisions, destructive actions, validation. Trigger when the user mentions buttons, forms, validation, error states, loading states, drag-and-drop, undo, confirmation dialogs, keyboard shortcuts, target sizes, \"users keep deleting things,\" misclicks, or \"should this be a popover or a di...Votes: 0GitHub stars: 3
- Isometric DesignWeb and App implementation guide for Isometric Design. Trigger when user wants angled 3D appearances without vanishing points, often used for technical illustrations.Votes: 0GitHub stars: 3
- Issta Camera ReadyUse when preparing an accepted ISSTA paper for the ACM Digital Library camera-ready, covering de-anonymization, the final ACM sigconf layout without the review/anonymous options, ACM rights forms and DOI, metadata and CCS concepts, the artifact DOI and badge display, registration, and the in-person presentation obligation.Votes: 0GitHub stars: 3
- Issue TriageTriage Linear or Jira backlogs and run bug sweeps via the Composio CLI. Bulk-fetch issues, dedupe, relabel, reassign, and post summaries — all from the shell without clicking through the UI.Votes: 0GitHub stars: 3
- Iteration Design Vs DevelopmentUse this skill when reviewing where in the project lifecycle iteration is happening — desirable iteration during design vs. costly rework during development. Trigger when a project keeps slipping due to \"design changes during build,\" when scoping how much design work to do before engineering begins, or when retrospectives reveal that issues were caught too late. Sub-aspect of `iteration`; read that first.Votes: 0GitHub stars: 3
- Iteration Prototype FidelityUse this skill when picking the appropriate prototype fidelity for an iteration cycle — sketches vs. wireframes vs. clickable Figma vs. code prototypes vs. production beta. Trigger when planning a research session, when a project is over- or under-investing in prototypes, or when the prototype fidelity is mismatched to the question being asked. Sub-aspect of `iteration`; read that first.Votes: 0GitHub stars: 3
- IterationUse this skill whenever the question is *how* to develop a design — through one big push or through repeated cycles of build, test, learn, refine. Trigger when planning a design process, scoping an MVP, deciding between waterfall and iterative delivery, planning research cadence, or reviewing why a project drifted from its original vision. Iteration is one of the foundational principles in ''Universal Principles of Design'' (Lidwell, Holden, Butler 2003) — and one of the most-violated by team...Votes: 0GitHub stars: 3
- Java Coding Standards Hashgraph OnlineJava coding standards for Spring Boot services: naming, immutability, Optional usage, streams, exceptions, generics, and project layout.Votes: 0GitHub stars: 3
- Java Coding StandardsJava coding standards for Spring Boot and Quarkus services: naming, immutability, Optional usage, streams, exceptions, generics, CDI, reactive patterns, and project layout. Automatically applies framework-specific conventions.Votes: 0GitHub stars: 3
- Javascript Ui MathUse JavaScript number math safely for front-end UI behavior, including expressions, precedence, coercion, NaN, Infinity, floating-point precision, BigInt limits, modulo wrapping, rounding, random values, and repeatable UI randomness. Use when building sliders, carousels, counters, animation values, randomized UI, financial-ish display values, or debugging numeric edge cases in browser JavaScript.Votes: 0GitHub stars: 3
- Jedpsych Study DesignUse when designing studies for a Journal of Educational Psychology manuscript so they meet the journal's standards for educational settings — nesting (students in classes/schools), cluster-level power, measurement of learning constructs, ecological validity, and preregistration where appropriate. Strengthens the design and pre-analysis plan; it does not write code.Votes: 0GitHub stars: 3
- Jfm Empirical DesignUse when the market-data design and microstructure measurement are the bottleneck for a Journal of Financial Markets (JFM) manuscript — TAQ/order-book cleaning, liquidity and price-impact construction, sample filters. Hardens measurement; it does not invent evidence or citations.Votes: 0GitHub stars: 3
- JlcpcbJLCPCB PCB fabrication and assembly — BOM/CPL generation, basic vs extended parts, assembly constraints, design rules, ordering workflow. Use with KiCad for JLCPCB manufacturing. Use this skill when the user mentions JLCPCB, wants to order PCBs or assembled boards, needs prototype bare PCBs and stencils, wants to know JLCPCB design rules and capabilities, or is asking about PCB manufacturing costs or turnaround times. For gerber/CPL export, stencil ordering, and BOM management, see the `bom` ...Votes: 0GitHub stars: 3
- Jmcb Empirical DesignUse when bank/central-bank data construction, measurement, or sample design is the bottleneck for a Journal of Money, Credit and Banking (JMCB) manuscript. Hardens how the dataset is built and measured so the identification can do its job; it does not re-argue the causal strategy or write prose.Votes: 0GitHub stars: 3
- Joap Study DesignUse when designing studies and measurement for a Journal of Applied Psychology (JAP) manuscript so they meet the journal's high bar on construct validity, causal inference, common-method variance, nested/multilevel data, and sample-size justification. Strengthens the design and measurement plan; it does not write code.Votes: 0GitHub stars: 3
- Jpsp Study DesignUse when designing the multi-study package for a Journal of Personality and Social Psychology (JPSP) manuscript — sequencing studies, powering each one, choosing experimental / longitudinal / dyadic designs, and planning preregistration. Designs the study set; it does not collect or fabricate data.Votes: 0GitHub stars: 3
- Json Canvas DavepoonCreate and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.Votes: 0GitHub stars: 3
- Json Canvas KepanoCreate and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.Votes: 0GitHub stars: 3
- Json CanvasCreate and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.Votes: 0GitHub stars: 3
- Keyboard Navigation Tester'Test keyboard navigation tester operations. Auto-activating skill for Frontend Development. Triggers on: keyboard navigation tester, keyboard navigation tester Part of the Frontend Development skill category. Use when writing or running tests. Trigger with phrases like \"keyboard navigation tester\", \"keyboard tester\", \"keyboard\". 'Votes: 0GitHub stars: 3
- Kpi Dashboard DesignComprehensive patterns for designing effective Key Performance Indicator (KPI) dashboards that drive business decisions.Votes: 0GitHub stars: 3