All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Review AnimationsUse when reviewing animation and motion code against a strict craft, performance, accessibility, and interaction-quality bar.Votes: 0GitHub stars: 3
- Reviewable Design Doc| 要求・設計・アーキテクチャ・未決事項を整理し、レビュー可能な設計資料HTMLを作りたい時に使う。Use this skill to structure requirements, design, architecture, alternatives, decisions, and unresolved issues into a review-ready HTML design document. レビュー完了後はHTMLコメントを読み込み、設計へ反映し、確認が必要な場合はHTMLコメントスレッドへagent返信を書き戻す。Triggers: レビュー可能な設計資料, 設計資料をHTMLで, design doc, reviewable design doc, レビュー終わったので確認して, コメントを反映して, create a reviewable design doc, make a design doc in HTML, build a review-ready design document, ingest review comments, process revi...Votes: 0GitHub stars: 3
- RisoA playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionVotes: 0GitHub stars: 3
- River Review Frontend| フロントエンド観点のレビューエージェント。 アクセシビリティ、デザインシステム準拠、Tailwind クラス衛生、UI 状態設計、 Next.js / React Router のフレームワーク境界を個別スキルへルーティングする。Votes: 0GitHub stars: 3
- RokuApp dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.Votes: 0GitHub stars: 3
- Rust Async Task DesignDesign and review Rust async code around task ownership, suspension points, cancellation, blocking work, and runtime boundaries. Use when writing, refactoring, or reviewing futures, async functions, Tokio tasks, spawn, JoinHandle, Send futures, async traits, cancellation, or mutexes across await points.Votes: 0GitHub stars: 3
- Rust Bevy Fixed Step PhysicsDesign and review Bevy fixed-step 2D physics loops with velocity components, deterministic movement, collision prediction, interpolation, impulses, and tweened presentation. Use when movement depends on frame rate, collision misses appear at high speed, physics and animation are tangled, or Bevy gameplay needs stable simulation steps.Votes: 0GitHub stars: 3
- Saas ScaffolderGenerates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integration, API routes, and a working dashboard using Next.js 14+ App Router, TypeScript, Tailwind CSS, shadcn/ui, Drizzle ORM, and Stripe. Use when the user wants to create a new SaaS app, start a subscription-based web project, scaffold a Next.js application, or mentions terms like starter template, boilerplate, new project, or wiring up auth and payments.Votes: 0GitHub stars: 3
- Salesforce Component StandardsQuality standards for Salesforce Lightning Web Components (LWC), Aura components, and Visualforce pages. Covers SLDS 2 compliance, accessibility (WCAG 2.1 AA), data access pattern selection, component communication rules, XSS prevention, CSRF enforcement, FLS/CRUD in AuraEnabled methods, view state management, and Jest test requirements. Use this skill when building or reviewing any Salesforce UI component to enforce platform-specific security and quality standards.Votes: 0GitHub stars: 3
- Salesforce Flow DesignSalesforce Flow architecture decisions, flow type selection, bulk safety validation, and fault handling standards. Use this skill when designing or reviewing Record-Triggered, Screen, Autolaunched, Scheduled, or Platform Event flows to ensure correct type selection, no DML/Get Records in loops, proper fault connectors on all data-changing elements, and appropriate automation density checks before deployment.Votes: 0GitHub stars: 3
- Scaling FallacyApply the principle of avoiding the Scaling Fallacy — the assumption that a system that works at one scale will work at a different (smaller or larger) scale. Use when scaling a feature from prototype to production, designing for an unfamiliar user volume, evaluating whether a process that works for 10 users will work for 10,000, or planning a launch in a much larger market. Two distinct kinds: load assumptions (will it handle the volume?) and interaction assumptions (will users behave the sa...Votes: 0GitHub stars: 3
- Scaling Interaction AssumptionsVerify and design for user-base scaling — broader audiences, more diverse use cases, more edge cases, behaviors that weren''t anticipated. Use when launching to a new market, scaling from beta to GA, expanding from one team to a company, or any context where the user population is growing or changing. Interaction scaling is often harder than load scaling because it surfaces design assumptions that worked for the original audience but fail for a broader one.Votes: 0GitHub stars: 3
- Scaling Load AssumptionsVerify and design for load scaling — data volume, transaction volume, request rate, and user count. Use when sizing infrastructure, choosing data structures, designing pagination and lazy-loading patterns, evaluating dependencies'' rate limits, or load-testing before launch. Most scaling failures are load failures: a system that handled X requests/second can''t handle 10X. The skill is anticipating the load the system will see and designing or testing for it deliberately.Votes: 0GitHub stars: 3
- Scanning Accessibility'Validate WCAG compliance and accessibility standards (ARIA, keyboard navigation). Use when auditing WCAG compliance or screen reader compatibility. Trigger with phrases like \"scan accessibility\", \"check WCAG compliance\", or \"validate screen readers\". 'Votes: 0GitHub stars: 3
- Sci Fi InterfaceWeb and App implementation guide for Sci-Fi Interface Design. Trigger when user wants HUDs, spacecraft dashboards, or tactical military readouts.Votes: 0GitHub stars: 3
- Sealos CanvasRun a local read-only HTML topology UI for a project already deployed by Sealos Skills and return a localhost URL. Use when the user asks to view, inspect, visualize, render, open, or run a local canvas for deployed Sealos resources, mentions \".sealos\", Sealos deployment state, Kubernetes resources, topology, resource graph, localhost UI, or invokes \"/sealos-canvas\".Votes: 0GitHub stars: 3
- Self Publishing ProductionPlan and check the final production tasks for self-publishing nonfiction books, including copyediting, final review readers, proofreading, layout, cover files, print-on-demand, ISBNs, and launch-readiness sequencing. Use when preparing a manuscript for publication after beta reading or when auditing a self-publishing checklist.Votes: 0GitHub stars: 3
- Senior Frontend AlirezarezvaniFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.Votes: 0GitHub stars: 3
- Senior FrontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.Votes: 0GitHub stars: 3
- Separateweb CaptureCapture a URL into a full-page screenshot, cropped UI item PNGs, and a JSON manifest. Use when the user says `separateweb capture <url>`, asks to capture a website, or wants UI extraction assets without running the SeparateWeb web app.Votes: 0GitHub stars: 3
- Setup Matt Pocock SkillsConfigure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.Votes: 0GitHub stars: 3
- Shadcn BergsideShadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.Votes: 0GitHub stars: 3
- Shadcn Different AiManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for \"shadcn init\", \"create an app with --preset\", or \"switch to --preset\".Votes: 0GitHub stars: 3
- ShadcnManages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.Votes: 0GitHub stars: 3
- Shopify Checkout Extensions'Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components. Use when replacing checkout.liquid (deprecated Aug 2025), adding custom fields to checkout, displaying banners, or reading checkout state with hooks. Trigger with phrases like \"shopify checkout extension\", \"shopify checkout ui\", \"checkout customization shopify\", \"checkout.liquid migration\", \"shopify checkout components\". 'Votes: 0GitHub stars: 3
- Siggraph Related WorkUse when writing or auditing the related-work positioning of a SIGGRAPH / TOG paper, covering the computer-graphics literature lanes (rendering, geometry, animation, simulation, imaging, fabrication, learning-for-graphics), capability-delta positioning against the strongest prior method, and correct attribution across SIGGRAPH, SIGGRAPH Asia, TOG, EG/CGF, and sibling venues.Votes: 0GitHub stars: 3
- Signal To Noise RatioUse this skill whenever a design has too much or too little visual content competing for attention — when a screen \"feels noisy,\" \"looks busy,\" \"feels cluttered,\" \"feels empty,\" or when the user can''t find the meaningful information amid decoration. Trigger when reviewing dashboards, data tables, settings pages, marketing surfaces, or any layout under critique. Trigger when designing chart axes/legends/grids, when picking icon density, when deciding whether to add a divider/border/il...Votes: 0GitHub stars: 3
- Similarity And ContrastApply deliberate dissimilarity (contrast) to distinguish elements that need to be perceived as different — primary vs. secondary actions, normal vs. error states, foreground vs. background, the one important thing vs. the rest. Use when you want to emphasize a single element, distinguish roles, or break up a too-uniform layout. Contrast is similarity''s complement: similarity groups, contrast separates. The skill is calibrating contrast so it communicates what matters without creating visual ...Votes: 0GitHub stars: 3
- Similarity GroupingUse visual similarity to create perceptual groups — making related items look alike so users perceive them as a set. Use when designing lists with categorized items, navigation systems, status displays, dashboards with multiple data series, or any layout where you want users to see \"these things go together\" at a glance. The strongest grouping cues, in order, are color, size, shape, and orientation; combine multiple cues for the strongest grouping.Votes: 0GitHub stars: 3
- SkeuomorphismWeb and App implementation guide for Skeuomorphism. Trigger when user wants UI to mimic real-world objects, realistic textures, or physical metaphors.Votes: 0GitHub stars: 3
- Skill Design LineagePersist design documents with branch tracking, revision chains, and cross-session discoveryVotes: 0GitHub stars: 3
- Skill Visual FeedbackProcess screenshot-based UI/UX feedback to fix visual issues — use when users share screenshots of bugsVotes: 0GitHub stars: 3
- SleekModern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.Votes: 0GitHub stars: 3
- SlidesCreate strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.Votes: 0GitHub stars: 3
- Snr Decoration RemovalUse this skill when the question is *what to delete* — running a structured audit of a UI to remove decorative elements that don''t earn their pixels. Trigger when reviewing an existing UI for noise reduction, when a stakeholder pushback says \"this feels too busy\" but you don''t know what specifically to cut, or when polishing a design pre-ship. This is the operational counterpart to `signal-to-noise-ratio`; it gives you a checklist and a procedure rather than a principle.Votes: 0GitHub stars: 3
- Snr DensificationUse this skill when a design has *too much* whitespace — when the SNR pendulum has swung from cluttered all the way to sparse, sterile, or \"empty-feeling,\" and you need to add signal density without adding noise. Trigger when reviewing a UI that \"feels thin,\" \"feels under-built,\" or where users complain \"I''m scrolling forever to get to anything.\" Also trigger when designing power-user surfaces (admin panels, IDEs, data tools) that need higher density than consumer defaults. Sub-aspec...Votes: 0GitHub stars: 3
- Snr Emphasis EconomyUse this skill when deciding *how* to spend emphasis — color, weight, size, motion — across a design so that each instance lands. Trigger when picking the primary action among many CTAs, when status-color usage has multiplied across the app and lost meaning, when the brand color appears in too many places, or when a designer asks \"should this also be highlighted?\" and the answer is almost always no. Sub-aspect of `signal-to-noise-ratio`; read that first if you haven''t already.Votes: 0GitHub stars: 3
- Soft PastelWeb and App implementation guide for Soft Pastel Design. Trigger when user wants gentle colors, calming UI, baby/lifestyle branding, or low-contrast aesthetics.Votes: 0GitHub stars: 3
- Solidworks DesignPlan, create, modify, inspect, repair, validate, save, and export SolidWorks parts, assemblies, and drawings. Use for any request involving SolidWorks CAD geometry, engineering drawings or reference images, materials, fits, tolerances, fasteners, mates, mass properties, or STEP/IGES/STL/PDF deliverables. Orchestrates the mandatory knowledge-base pre-start, catalog lookup, deterministic validation, and consent-based session reporting workflow.Votes: 0GitHub stars: 3
- Spatial Computing UiWeb and App implementation guide for Spatial Computing UI. Trigger when user wants floating elements, environmental awareness, and Apple Vision Pro style.Votes: 0GitHub stars: 3
- Spatial DesignWeb and App implementation guide for Spatial Design. Trigger when user wants environment-aware layouts, Apple Vision Pro inspiration, and mixed reality aesthetics.Votes: 0GitHub stars: 3
- Spec WriterCreate or refine spec-superflow planning artifacts. Invoke when the change is understood well enough to write proposal.md, specs/, design.md, and tasks.md.Votes: 0GitHub stars: 3
- SquareGraceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.Votes: 0GitHub stars: 3
- StarkUse when the user mentions Stark, UI/UX, product flow, user journey, onboarding, checkout, forms, dashboards, information architecture, state design, usability, frontend design quality, design audits, design translation, asset planning, image generation for UI, visual references, animation, motion, scrolling, interaction techniques, design tokens, or non-generic app/website design. Routes the agent to UX, web, Windows, Apple, Android, cross-platform, design-token, asset, reference, originalit...Votes: 0GitHub stars: 3
- Stitch Design Taste Sickn33Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.Votes: 0GitHub stars: 3
- Stitch Design TasteSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.Votes: 0GitHub stars: 3
- Stitch Ui DesignExpert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.Votes: 0GitHub stars: 3
- Storybook Source ShapeStorybook is the fidelity oracle, not the runtime. The converter bundles the package's compiled dist/ into dsbundle.js — the same bundle the claude.ai/design agent builds with — and generates each preview by compiling the story source module itself (hooks, fixtures, local helpers — the whole closure comes along), with every component import resolved to that shipped bundle (lib/story-imports.mjs redirects package and relative component imports to window.<Global>). The repo's own storybook rend...Votes: 0GitHub stars: 3
- Styled Components Helper'Configure with styled components helper operations. Auto-activating skill for Frontend Development. Triggers on: styled components helper, styled components helper Part of the Frontend Development skill category. Use when working with styled components helper functionality. Trigger with phrases like \"styled components helper\", \"styled helper\", \"styled\". 'Votes: 0GitHub stars: 3
- StylesUse this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties to use unified styles. Migrate custom design system components, replace hard coded parameters with Style attributes, and use Modifier.styleable for interaction states.Votes: 0GitHub stars: 3