All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Ui DemoPlaywrightを使用して美しいUIデモ動画を録画する。ユーザーがWebアプリのデモ、ウォークスルー、スクリーン録画、またはチュートリアル動画の作成を求める場合に使用する。可視カーソル、自然なリズム、プロフェッショナルな仕上がりのWebM動画を生成する。Votes: 0GitHub stars: 3
- Ui Design SystemUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining visual consistency, or facilitating design-dev collaboration and developer handoff.Votes: 0GitHub stars: 3
- Ui Designercomponent SpecificationUI组件规范，定义按钮、输入框、卡片等基础组件的变体、尺寸、状态Votes: 0GitHub stars: 3
- Ui Designerdesign System设计系统规范，包含颜色、字体、间距、圆角、阴影、动效等基础设计tokenVotes: 0GitHub stars: 3
- Ui Designerdesign Variants设计变体模式，产出2-3个设计方案及 tradeoff 分析，供用户选择后确定最终方案Votes: 0GitHub stars: 3
- Ui Designerinteraction Specification交互规范，定义加载状态、空状态、反馈机制、动效、无障碍等交互细节Votes: 0GitHub stars: 3
- Ui LintQuick automated lint — detects common design system violations in secondsVotes: 0GitHub stars: 3
- Ui MotionApply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive keyword move from the motion library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …). Translates vibe...Votes: 0GitHub stars: 3
- Ui PageScaffold a new mobile page/screen using the StyleSeed layout patternsVotes: 0GitHub stars: 3
- Ui PatternGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitivesVotes: 0GitHub stars: 3
- Ui ReviewReview UI code for design system compliance, accessibility, and best practicesVotes: 0GitHub stars: 3
- Ui ScoreScore a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version of /ss-review.Votes: 0GitHub stars: 3
- Ui ScreenshotsCapture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow re-screenshots.Votes: 0GitHub stars: 3
- Ui SetupInteractive setup wizard — guides you step-by-step to configure the design system for your projectVotes: 0GitHub stars: 3
- Ui Skills RootUse before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.Votes: 0GitHub stars: 3
- Ui SkillsOpinionated, evolving constraints to guide agents when building interfacesVotes: 0GitHub stars: 3
- Ui Slop ScoreScore a rendered web or iOS screen for generic UI risk before it ships. Use when a user asks whether a UI looks generic, needs an honest pre-merge visual review, or wants a short, actionable UI Slop Score for a screenshot, local implementation, PR, redesign, or coding-agent output.Votes: 0GitHub stars: 3
- Ui StylingCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.Votes: 0GitHub stars: 3
- Ui Theme QaUse this skill to find and fix undisciplined Control-node UI in a Godot project — spacing that follows no ladder, font sizes with no modular scale, near-duplicate colours, and text that fails WCAG contrast — by measuring the live editor with the `hera` CLI and snapping theme tokens to a reference corpus. It also reports (without changing) inert container wrappers and decorative nodes. Triggers: \\\"clean up the UI spacing/type/contrast\\\", \\\"the UI values look arbitrary\\\", \\\"tidy the G...Votes: 0GitHub stars: 3
- Ui To Vue Affaan MUse when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.Votes: 0GitHub stars: 3
- Ui To VueUIスクリーンショットやデザインエクスポートをVue 3コンポーネントに一括変換する際に使用。Vant、Element Plus、Ant Design Vueに対応。Votes: 0GitHub stars: 3
- Ui TokensView, add, or modify design tokens in the StyleSeed design systemVotes: 0GitHub stars: 3
- Ui UpdateUpdate StyleSeed engine in your project — analyzes what's outdated and updates safelyVotes: 0GitHub stars: 3
- Ui Ux DesignerCreate interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.Votes: 0GitHub stars: 3
- Ui Ux Pro Max Sickn33Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.Votes: 0GitHub stars: 3
- Ui Ux Pro MaxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: page...Votes: 0GitHub stars: 3
- Ui Ux Promax> 最强 UI/UX 设计智能技能（源自 UI UX Pro Max，github.com/nextlevelbuilder/ui-ux-pro-max-skill）。 内置 67 种 UI 风格、161 个行业配色方案、57 套字体组合、161 条产品类型推理规则、99 条 UX 准则、 25 种图表类型，覆盖 15 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、 Tailwind、shadcn/ui、Angular、Laravel 等）。 触发关键词：设计页面、创建 UI 组件、选配色、选字体、响应式布局、无障碍审查、 动效设计、表单交互、落地页、dashboard、mobile app、UI review、build landing page、 design dashboard、create component、styling、glassmorphism、minimalism 等任何 UI/UX 请求。Votes: 0GitHub stars: 3
- Ui Visual ValidatorRigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.Votes: 0GitHub stars: 3
- Ui Widget Developer| Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this skill when: Creating MCP servers that integrate with M365 Copilot declarative agents Building rich interactive widgets (React + Fluent UI) that render in Copilot Chat Implementing tools that return structuredContent for widget rendering Adapting an existing MCP server to support Copilot widget rendering Setting up devtunnels for localhost MCP server exposure Configu...Votes: 0GitHub stars: 3
- Uizze Ui ResearchUse when building or reviewing web and iOS UI and you need real references from the free UIZZE public catalog, a structured design contract, a consent-gated rendered HTML/CSS preview, or a hard pre-ship finish gate.Votes: 0GitHub stars: 3
- Understand FigmaAnalyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:\"design\" dashboard.Votes: 0GitHub stars: 3
- User Thoughts>- Persist user decisions and project constraints to mdbase across sessions. Trigger on /user-thoughts or /ustht, or when the user discusses architecture, tech stack, rules, UI/UX, or project memory.Votes: 0GitHub stars: 3
- Ux AuditAudit screens for UX issues using Nielsen's heuristics and modern mobile UX best practicesVotes: 0GitHub stars: 3
- Ux CopyGenerate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and toneVotes: 0GitHub stars: 3
- Ux Design Hashgraph OnlineUse when the user asks for UX, product flow, user journey, wireframes, usability, conversion, onboarding, checkout, signup, navigation, forms, state design, dashboard workflows, command palettes, settings, permissions, long-running task progress, admin/internal tools, activation, retention, or making an app easier to use over time. Designs and audits user experience flows, information architecture, content hierarchy, forms, onboarding, dashboards, settings, empty/loading/error/permission/succ...Votes: 0GitHub stars: 3
- Ux DesignGuided, section-by-section UX spec authoring for a screen, flow, or HUD. Reads game concept, player journey, and relevant GDDs to provide context-aware design guidance. Produces ux-spec.md (per screen/flow) or hud-design.md using the studio templates.Votes: 0GitHub stars: 3
- Ux FeedbackAdd appropriate user feedback states (loading, success, error, empty) to a component or pageVotes: 0GitHub stars: 3
- Ux FlowDesign user flows and navigation structure following proven UX patternsVotes: 0GitHub stars: 3
- Ux HeuristicsEvaluate and improve interface usability using heuristic analysis. Use when the user mentions \"usability audit\", \"users are confused\", \"form usability\", \"navigation problems\", \"Nielsen heuristics\", \"cognitive walkthrough\", or \"is this easy to use\". Also trigger when reviewing a design for usability issues, improving form-completion rates, or evaluating information architecture and navigation. Covers Krug''s laws, Nielsen''s 10 heuristics, severity ratings, dark-pattern recogniti...Votes: 0GitHub stars: 3
- Ux Persuasion EngineerOne sentence - what this skill does and when to invoke itVotes: 0GitHub stars: 3
- Ux Researcher Designer AlirezarezvaniUX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use when conducting user research, creating personas, mapping user journeys, planning usability tests, or validating designs.Votes: 0GitHub stars: 3
- Ux Researcher Designer../../../product-team/skills/ux-researcher-designer/SKILL.mdVotes: 0GitHub stars: 3
- Ux ReviewValidates a UX spec, HUD design, or interaction pattern library for completeness, accessibility compliance, GDD alignment, and implementation readiness. Produces APPROVED / NEEDS REVISION / MAJOR REVISION NEEDED verdict with specific gaps.Votes: 0GitHub stars: 3
- Uxui PrinciplesEvaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.Votes: 0GitHub stars: 3
- VaporwaveWeb and App implementation guide for Vaporwave. Trigger when user wants neon colors, retro digital aesthetics, 90s OS elements, and Roman statues.Votes: 0GitHub stars: 3
- Vercel React Best PracticesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.Votes: 0GitHub stars: 3
- Vercel React View TransitionsGuide React and Next.js view transitions, shared element animations, route transitions, transition types, and reduced-motion-safe UI state animation.Votes: 0GitHub stars: 3
- Vibrant MaximalismWeb and App implementation guide for Vibrant Maximalism. Trigger when user wants rich colors, dense layouts, extreme sensory input, and \"more is more\".Votes: 0GitHub stars: 3
- VibrantLively, colorful design with bold playful typography, warm accents, and dynamic visual energy.Votes: 0GitHub stars: 3
- Vintage1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.Votes: 0GitHub stars: 3