All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Lancet Study DesignUse to lock study design and mandatory prospective registration for a Lancet clinical manuscript — trial registration before enrollment, protocol + statistical analysis plan, and design rigor (randomization, allocation concealment, blinding, pre-specified endpoints, power, ITT). Covers observational design choices too.Votes: 0GitHub stars: 3
- Landing Page Cro AnalysisPerform a comprehensive Conversion Rate Optimization (CRO) analysis on any landing page. This skill produces a section-by-section teardown with prioritized, actionable fixes that directly impact conversion rates.Votes: 0GitHub stars: 3
- Landing Page Generator AlirezarezvaniGenerates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign ...Votes: 0GitHub stars: 3
- Landing Page GeneratorGenerates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.Votes: 0GitHub stars: 3
- Lark Apps妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责...Votes: 0GitHub stars: 3
- Layered DesignWeb and App implementation guide for Layered Design. Trigger when user wants multiple depth levels, floating panels, and overlapping content.Votes: 0GitHub stars: 3
- Lazy Loading Implementer'Execute lazy loading implementer operations. Auto-activating skill for Frontend Development. Triggers on: lazy loading implementer, lazy loading implementer Part of the Frontend Development skill category. Use when working with lazy loading implementer functionality. Trigger with phrases like \"lazy loading implementer\", \"lazy implementer\", \"lazy\". 'Votes: 0GitHub stars: 3
- Lean CanvasGenerate a Lean Canvas with problem, solution, metrics, cost structure, UVP, unfair advantage, channels, segments, and revenue. Use when exploring a lean startup canvas, testing a business hypothesis, or modeling a new venture.Votes: 0GitHub stars: 3
- Legacy Circuit MockupsGenerate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.Votes: 0GitHub stars: 3
- Legibility Contrast And SpacingApply contrast and spacing for legibility — calibrating color contrast between text and background, character tracking, and line leading so a chosen typeface and size actually render legibly. Use when picking text colors, choosing background colors that will carry text, evaluating accessibility against WCAG, fine-tuning typography for production rendering, or auditing why text \"looks designed\" but is hard to read. Even a perfect typeface at the right size will fail if contrast is too low, t...Votes: 0GitHub stars: 3
- Legibility Typeface And SizeApply typeface and size choices for legibility — picking the right typeface for the use case (display, body, code, UI) and sizing it appropriately for the rendering context. Use when designing a type system for a product, choosing a brand typeface, evaluating an existing typeface against rendering conditions, picking sizes for body, headings, captions, code, or UI elements. The two most fundamental legibility decisions; everything else (contrast, spacing) is layered on top.Votes: 0GitHub stars: 3
- LegibilityApply the principle of Legibility — the visual clarity of individual characters and short phrases, determined by typeface, size, weight, contrast, and spacing. Use when picking type for UI elements (buttons, labels, navigation), evaluating typography against rendering conditions (small sizes, low-contrast displays, distance viewing), choosing display vs. body type, or auditing accessibility. Legibility is the precondition for reading; if a user can''t quickly distinguish \"I\" from \"1\" or \...Votes: 0GitHub stars: 3
- Liquid Glass DesigniOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.Votes: 0GitHub stars: 3
- Macos DesignDesign and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention \"native feel\", \"desktop app design\", \"Apple design patterns\", \"sidebar layout\", \"traffic lights\", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, compositio...Votes: 0GitHub stars: 3
- Magic Ui GeneratorUtilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.Votes: 0GitHub stars: 3
- Mailtrap Managing ContactsManage Mailtrap contacts, lists, segments, custom fields, imports, CRM syncs, and campaign audiences through the UI or API.Votes: 0GitHub stars: 3
- Make Interfaces Feel BetterApply concrete design-engineering details that make interfaces feel polished. Use when reviewing or improving UI spacing, typography, borders, shadows, motion, hit areas, icons, text wrapping, and interaction states.Votes: 0GitHub stars: 3
- Make Product ViralMake a product, landing page, pricing page, launch page, free tool, or social preview easier to understand, buy, remember, and share using Marc Lou-inspired viral product patterns.Votes: 0GitHub stars: 3
- Makepad Animation| CRITICAL: Use for Makepad animation system. Triggers on: makepad animation, makepad animator, makepad hover, makepad state, makepad transition, \"from: { all: Forward\", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果Votes: 0GitHub stars: 3
- Makepad Dsl| CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, \"<Widget>\", \"Foo = { }\", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件Votes: 0GitHub stars: 3
- Makepad Font| CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形Votes: 0GitHub stars: 3
- Makepad Layout| CRITICAL: Use for Makepad layout system. Triggers on: makepad layout, makepad width, makepad height, makepad flex, makepad padding, makepad margin, makepad flow, makepad align, Fit, Fill, Size, Walk, \"how to center in makepad\", makepad 布局, makepad 宽度, makepad 对齐, makepad 居中Votes: 0GitHub stars: 3
- Makepad SkillsMakepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.Votes: 0GitHub stars: 3
- Mapping CulturalApply cultural mapping — using shared conventions (icons, colors, gestures, metaphors) to convey what a control does when natural spatial mapping isn''t available. Use when designing icon-based UIs, choosing colors for status indicators, picking gestures for touch interfaces, or selecting metaphors to make abstract operations concrete (the trash can, the gear, the magnifying glass). Cultural mappings are weaker than spatial ones — they require prior learning — but they''re the workhorse of ic...Votes: 0GitHub stars: 3
- Mapping NaturalApply natural mapping — the strongest form of mapping, in which the spatial position, motion, or shape of a control directly corresponds to what it affects. Use when designing physical control panels, in-screen controls that affect specific regions of a UI, chart legends, multi-target remote controls, vehicle dashboards, or any situation where the user must connect \"this control\" to \"that affected thing.\" A natural mapping is one a first-time user can predict without instruction. When the...Votes: 0GitHub stars: 3
- MappingApply the principle of Mapping — designing the relationship between controls and their effects so the connection between input and output is immediately obvious. Use when designing controls (knobs, switches, buttons, sliders, gestures), arranging them in space relative to what they affect, or diagnosing user confusion about which control does what. Strong mappings exploit physical analogies (up = more), spatial correspondence (the left burner control is on the left), and cultural conventions ...Votes: 0GitHub stars: 3
- Markstream AngularIntegrate the alpha markstream-angular renderer into Angular 20+ applications with standalone components, signals, safe HTML defaults, and optional peer features.Votes: 0GitHub stars: 3
- Markstream Custom ComponentsOverride Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.Votes: 0GitHub stars: 3
- Markstream Install Sickn33Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, Next.js, and Vue 2 applications.Votes: 0GitHub stars: 3
- Markstream InstallInstall and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications. Use for package selection, minimal peer dependencies, CSS order, SSR boundaries, streaming mode, and renderer setup.Votes: 0GitHub stars: 3
- Markstream NuxtIntegrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only optional peers.Votes: 0GitHub stars: 3
- Markstream ReactIntegrate the beta markstream-react renderer into React 18+ or Next.js with correct client/server entrypoints, CSS, streaming state, and component overrides.Votes: 0GitHub stars: 3
- Markstream SvelteIntegrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit with runes, explicit CSS, smooth streaming, workers, and SSR-safe boundaries.Votes: 0GitHub stars: 3
- Markstream VueIntegrate markstream-vue into plain Vue 3 with renderer modes, code and DOM choices, streaming state, virtualization, optional peers, and scoped components.Votes: 0GitHub stars: 3
- Markstream Vue2 CliIntegrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block defaults.Votes: 0GitHub stars: 3
- Markstream Vue2 ViteIntegrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS ordering, Composition API compatibility, and safe streaming defaults.Votes: 0GitHub stars: 3
- Markstream Vue2Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and scoped overrides.Votes: 0GitHub stars: 3
- Material DesignWeb and App implementation guide for Material Design. Trigger when user wants Google's aesthetic, elevation, motion, and consistent components.Votes: 0GitHub stars: 3
- MaterialGoogle's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.Votes: 0GitHub stars: 3
- MatplotlibLow-level plotting library for full customization. Use when you need fine-grained control over every plot element, creating novel plot types, or integrating with specific scientific workflows. Export to PNG/PDF/SVG for publication. For quick statistical plots use seaborn; for interactive plots use plotly; for publication-ready multi-panel figures with journal styling, use scientific-visualization.Votes: 0GitHub stars: 3
- MaximalismWeb and App implementation guide for Controlled Maximalism. Trigger when user wants lots of elements, dense content, but a highly curated and artistic presentation.Votes: 0GitHub stars: 3
- Memoire Design ToolingUse when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and needs the correct Memi capability selected.Votes: 0GitHub stars: 3
- Mental Model System Vs InteractionUse this skill when distinguishing the two mental-model types — system models (how the user thinks the system works) and interaction models (how the user thinks they should use it). Trigger when designing onboarding (which model to teach), reviewing user confusion (which model is wrong), or building documentation (which model to explain). Sub-aspect of `mental-model`; read that first.Votes: 0GitHub stars: 3
- Mental ModelUse this skill whenever the design will be used by people who bring prior expectations — which is essentially every design. Trigger when designing onboarding, when picking metaphors (folders, channels, projects), when reviewing why users keep getting confused, when migrating from one product convention to another, or when the user mentions \"users don''t understand,\" \"they keep doing X wrong,\" or \"we''re inventing something new.\" Mental Model is one of the foundational principles in ''Un...Votes: 0GitHub stars: 3
- Mermaid ExpertCreate Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling.Votes: 0GitHub stars: 3
- Microservices DesignMicroservices design patterns including service mesh, event-driven architecture, saga pattern, and API gatewayVotes: 0GitHub stars: 3
- Migrate Xml Views To Jetpack ComposeProvides a structured workflow for migrating an Android XML View to Jetpack Compose. This skill details the step-by-step process, from planning and dependency setup, to theming and layout migration, validation and XML cleanup. Use this skill when you need to migrate an XML View to Jetpack Compose in an Android project. It solves the problem of converting the UI of a legacy XML View into modern, declarative Compose components while maintaining interoperability.Votes: 0GitHub stars: 3
- Mimicry BehavioralApply behavioral mimicry — making an interface element behave like a familiar physical object so the user''s physical-world intuitions transfer to the digital interaction. Use when designing gestures, animations, transitions, drag-and-drop, scroll behaviors, or any interaction where physical-world analogies could clarify the experience. Behavioral mimicry is more durable than visual skeuomorphism — physics-mimicking behaviors age well — but it requires deliberate calibration: too much physica...Votes: 0GitHub stars: 3
- Mimicry SurfaceApply surface mimicry — making an interface element look like a familiar physical object to communicate its purpose at a glance. Use when introducing a control or container that has no native UI vocabulary, designing a niche product that benefits from a recognizable visual reference (a journal that looks like a journal, a wallet that looks like a wallet), or evaluating whether visual skeuomorphism is communicating or just decorating. Surface mimicry is most useful for novice users in unfamili...Votes: 0GitHub stars: 3
- MimicryApply the principle of Mimicry — borrowing the form, behavior, or visual language of something familiar to make a new design recognizable. Use when introducing a novel feature whose function would be opaque without an analogy, choosing between metaphor and convention, designing for a category your users already know, or evaluating whether a \"skeuomorphic\" element helps or hurts. Mimicry comes in surface (visual resemblance), behavioral (acts like the source), and functional (does what the s...Votes: 0GitHub stars: 3