All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Canvas DesignCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.Votes: 0GitHub stars: 3
- CanvasFetch Canvas LMS courses and assignments via API token.Votes: 0GitHub stars: 3
- Card Based DesignWeb and App implementation guide for Card-Based Design. Trigger when user wants information cards, Pinterest-style layouts, and bite-sized content containers.Votes: 0GitHub stars: 3
- Cc Skill Coding StandardsUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.Votes: 0GitHub stars: 3
- Cc Skill Frontend PatternsFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.Votes: 0GitHub stars: 3
- Cc Study DesignUse when designing or auditing the experimental plan for a Cancer Cell (Cell Press) study — orthogonal validation across in vitro, in vivo, and human tumor systems, with controls, replicates, power, randomization, and blinding. It plans design; it does not run statistics or write figures.Votes: 0GitHub stars: 3
- Chi Camera ReadyUse when preparing an accepted ACM CHI paper for publication — the TAPS source upload, the PCS publication-ready package, mandatory accessibility work (alt text, screen-reader-friendly PDFs, table headers), video previews, ACM's open-access model, e-rights, and registration deadlines.Votes: 0GitHub stars: 3
- Chrome DevtoolsUse Chrome DevTools MCP to inspect live pages, reproduce browser issues, automate user flows, inspect console and network activity, and verify frontend fixes in a real Chrome session. Trigger when the user mentions browser bugs, client-side errors, broken forms, flaky UI behavior, or asks to interact with a site directly.Votes: 0GitHub stars: 3
- Ckw DesignFrontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web UI (components, pages, dashboards, React/Vue/HTML-CSS) or when the user says \\\"make this look better\\\", \\\"fix the spacing/layout\\\", or mentions styling, color, type, or polish.Votes: 0GitHub stars: 3
- Claude DesignDesign one-off HTML artifacts (landing, deck, prototype).Votes: 0GitHub stars: 3
- ClaymorphismWeb and App implementation guide for Claymorphism. Trigger when user wants soft 3D elements, rounded shapes, and a playful, tactile appearance.Votes: 0GitHub stars: 3
- CleanSimplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.Votes: 0GitHub stars: 3
- Cli Ux TesterExpert UX evaluator for CLIs, terminal tools, and developer APIs. Use when reviewing command usability, error messages, help systems, or developer experience.Votes: 0GitHub stars: 3
- Client Side JsUse when a val needs to ship JavaScript that runs in the browser — React apps, vanilla DOM scripts, canvas/games, htmx/Alpine, or any client-side module beyond a single inline snippet. Explains how Val Town serves transpiled .ts/.tsx/.jsx modules with no build step, how the browser resolves their imports, and how to load third-party deps.Votes: 0GitHub stars: 3
- Closure Completion CostRecognize when closure is the wrong choice — when the perceptual completion work it asks of the user is too costly, ambiguous, or risky. Use when designing for accessibility audiences, novice users, high-stakes interfaces (medical, financial, safety), small rendering sizes that strain perception, or any context where the user shouldn''t have to do completion work to understand the form. The skill is judging when explicit forms serve the user better than suggested ones, even at the cost of vis...Votes: 0GitHub stars: 3
- Closure Implied ShapesDesign forms that exploit closure — suggesting shapes through partial outlines, negative space, or strategic gaps so the user''s perception completes them. Use when designing icons that need to read at small sizes, logos that need memorability, illustrations with restraint, card layouts with implied containment, or charts with implied structure. The art is suggesting just enough that the user perceives the whole, without leaving so little that they perceive nothing.Votes: 0GitHub stars: 3
- ClosureApply the Gestalt principle of Closure — the perceptual tendency to see incomplete shapes as whole. Use when designing icons (a few strokes can imply a closed shape), illustrations (negative space defines forms), logos (the IBM stripes, the WWF panda, the FedEx arrow), card layouts (cards don''t need full borders to feel like containers), or any visual that benefits from suggested rather than fully drawn shapes. Closure lets you communicate more with less; the user''s perception completes the...Votes: 0GitHub stars: 3
- Code Showcase Core ComponentsCore component library and design system patterns. Use when building UI, using design tokens, or working with the component library.Votes: 0GitHub stars: 3
- Code Showcase React Ui PatternsModern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.Votes: 0GitHub stars: 3
- Code Splitting Helper'Configure with code splitting helper operations. Auto-activating skill for Frontend Development. Triggers on: code splitting helper, code splitting helper Part of the Frontend Development skill category. Use when working with code splitting helper functionality. Trigger with phrases like \"code splitting helper\", \"code helper\", \"code\". 'Votes: 0GitHub stars: 3
- Coding Standards Hashgraph OnlineUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.Votes: 0GitHub stars: 3
- Coding Standards> Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.Votes: 0GitHub stars: 3
- Cognition RouterUse this skill whenever a design task involves cognition, mental models, learnability, complexity reduction, defaults, memory, scanning, or comprehension — regardless of framework or platform. Trigger when the user is designing forms, settings, onboarding, dashboards with many widgets, complex tables, navigation IA, search experiences, or any flow that has many options or asks the user to learn something new. Trigger when the user mentions \"too complex,\" \"too many options,\" \"users keep g...Votes: 0GitHub stars: 3
- Cogpsych Study DesignUse when designing the experiments for a Cognitive Psychology (Elsevier) manuscript so they tightly control confounds, discriminate competing models, and have adequate power across a multi-experiment program. Hardens stimulus construction, counterbalancing, design logic, and sample-size justification; it does not write analysis or modeling code.Votes: 0GitHub stars: 3
- Coil ComposeExpert guidance on using Coil for image loading in Jetpack Compose. Use this when asked about loading images from URLs, handling image states, or optimizing image performance in Compose.Votes: 0GitHub stars: 3
- Color Accessibility And ModeUse this skill when designing color systems that must satisfy accessibility requirements, work in both light and dark modes, support high-contrast preferences, and remain meaningful for users with color blindness or low vision. Trigger when picking text colors, designing for global compliance (WCAG, EAA, ADA), supporting dark mode, or auditing an existing palette for accessibility. Sub-aspect of `color`; read that first.Votes: 0GitHub stars: 3
- Color BlockingWeb and App implementation guide for Color Blocking. Trigger when user wants large color sections, striking layout divisions, and Mondrian-style grids.Votes: 0GitHub stars: 3
- Color Contrast Checker'Validate color contrast checker operations. Auto-activating skill for Frontend Development. Triggers on: color contrast checker, color contrast checker Part of the Frontend Development skill category. Use when working with color contrast checker functionality. Trigger with phrases like \"color contrast checker\", \"color checker\", \"color\". 'Votes: 0GitHub stars: 3
- Color CuratorBrowse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.Votes: 0GitHub stars: 3
- Color Font SkillChoose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes, or font recommendations. Triggers include: 配色, 色板, 字体, color palette, font, PPT配色, 字体搭配.Votes: 0GitHub stars: 3
- Color Math AccessibilityCalculate, review, and generate web color systems using RGB, HSL, LAB, OKLCH, contrast ratios, luminance, opacity, blend modes, and light/dark mode transformations. Use when auditing accessible colors, converting color models, deriving palettes, checking WCAG contrast, building theme tokens, or debugging opacity and CSS blend math.Votes: 0GitHub stars: 3
- Color Semantic SystemsUse this skill when building or auditing a color system that encodes meaning — status colors (success / warning / error), category colors (department, product line, user segment), brand-role colors (primary, secondary, tertiary). Trigger when designing status badges, picking chart palettes, building a design-system color spec, or fixing inconsistent color use across surfaces. Sub-aspect of `color`; read that first.Votes: 0GitHub stars: 3
- ColorUse this skill whenever color decisions matter — picking the brand primary, defining a neutral ramp, designing status semantics (success/warning/error), choosing chart palettes, selecting accent hues, supporting dark mode, ensuring colorblind-safe contrast, or auditing an existing UI for color noise. Trigger when stakeholders argue about palette, when WCAG contrast is in scope, when designing for global audiences (where color symbolism varies), or when a UI feels \"too colorful\" or \"too mon...Votes: 0GitHub stars: 3
- Command Center UiWeb and App implementation guide for Command Center UI. Trigger when user wants monitoring systems, enterprise dashboards, NOCs, and global maps.Votes: 0GitHub stars: 3
- Commitment Ladder DesignUse when designing or auditing onboarding, activation flows, habit loops, pledges, public commitments, progressive profiling, retention programs, behavior-change plans, pricing flows, or lowball-risk funnels where consistency pressure may shape user decisions.Votes: 0GitHub stars: 3
- Compose Multiplatform PatternsCompose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.Votes: 0GitHub stars: 3
- Compose NavigationImplement navigation in Jetpack Compose using Navigation Compose. Use when asked to set up navigation, pass arguments between screens, handle deep links, or structure multi-screen apps.Votes: 0GitHub stars: 3
- Compose UiBest practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming. Use this when writing or refactoring Composable functions.Votes: 0GitHub stars: 3
- Conbio Study DesignUse when defending the study design of a Conservation Biology manuscript — ecological sampling and inference (detection, spatial structure, pseudoreplication), comparative/observational and quasi-experimental designs (BACI), modeling and synthesis design, and human-dimensions methods. The journal judges each appropriate method on its own terms. Strengthens the design; it does not write code.Votes: 0GitHub stars: 3
- Concept DiagramsGenerate flat, minimal educational SVG visuals as HTML.Votes: 0GitHub stars: 3
- Consistency ExternalApply external consistency — honoring conventions from outside your product (platform conventions, category conventions, established interaction patterns) so users can transfer their learning into your product. Use when designing for a specific platform (iOS, Android, web), entering an established product category (calendar, email, file manager), choosing icons or gestures, or deciding when to follow vs. lead a convention. External consistency reduces the learning cost for new users; deviatin...Votes: 0GitHub stars: 3
- ConsistencyApply the principle of Consistency — making similar things look and behave similarly so users can transfer learning across the interface. Use when designing component libraries, defining naming conventions, choosing whether to invent or borrow patterns, auditing across surfaces (web, mobile, email, support docs), or evaluating whether two features should share or diverge in their interaction model. Strong consistency reduces cognitive load and learnability cost; aggressive consistency can fla...Votes: 0GitHub stars: 3
- Constraint PhysicalUse this skill when designing structural constraints that prevent invalid actions through the shape, layout, or behavior of the design itself — paths (channels of motion), axes (rotary controls), barriers (blocks). Trigger when designing input controls, drag-and-drop affordances, modal dialogs, or hardware-style structural prevention. Sub-aspect of `constraint`; read that first.Votes: 0GitHub stars: 3
- Constraint PsychologicalUse this skill when designing constraints that work through perception, expectation, and learned convention — symbols, conventions, mappings. Trigger when designing iconography, picking control conventions, or designing for behavioral predictability. Sub-aspect of `constraint`; read that first.Votes: 0GitHub stars: 3
- ConstraintUse this skill whenever the design must structurally prevent invalid actions — input validation, disabled states, required fields, type-restricted inputs, mode locks, role-based gates, hardware lockouts. Trigger when designing forms, picking input types, designing destructive flows, gating multi-step procedures, or thinking about how to prevent a class of errors from being possible at all. Constraint is one of the foundational principles in ''Universal Principles of Design'' (Lidwell, Holden,...Votes: 0GitHub stars: 3
- ContemporaryCurrent-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.Votes: 0GitHub stars: 3
- Control LocusApply locus of control — the design choice between making the system appear to act on the user''s behalf (external locus) and making the user appear to direct the system (internal locus). Use when designing AI-assisted features, autocorrect/autocomplete behaviors, recommendation surfaces, automated workflows, and any feature where the system could either do things automatically or wait for user instruction. Internal locus produces higher engagement, learning, and satisfaction; external locus ...Votes: 0GitHub stars: 3
- Control Power Vs SimplicityApply layered control — designing interfaces that serve novice and expert users in the same product without forcing one audience into the other''s interface. Use when building products that span experience levels (most consumer software, most professional tools used occasionally), choosing between \"simple by default\" and \"powerful by default,\" or deciding what to expose vs. hide behind progressive disclosure. The skill is creating a default surface that suffices for novices and a depth su...Votes: 0GitHub stars: 3
- ControlApply the principle of Control — the level of autonomy a system gives the user, and how that level should be matched to the user''s expertise and the task''s stakes. Use when designing for novice vs. expert audiences, choosing between fully automated and manually controlled behaviors, deciding what to expose vs. abstract away, or building products that span experience levels (a tool a beginner will use once and an expert will use thousands of times). Too much control overwhelms novices; too l...Votes: 0GitHub stars: 3
- Core ComponentsCore component library and design system patterns. Use when building UI, using design tokens, or working with the component library.Votes: 0GitHub stars: 3