All authors
Claude Skills by thedixitjain
github.com/thedixitjain12,707 skills283 installs48,721 views
- Angular MigrationMigrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.Votes: 0GitHub stars: 3
- Angular State ManagementMaster modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.Votes: 0GitHub stars: 3
- Angular Ui PatternsModern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.Votes: 0GitHub stars: 3
- AngularModern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.Votes: 0GitHub stars: 3
- Anima Core Workflow A'Build automated Figma-to-React pipeline with the Anima SDK. Use when automating design handoff, building CI/CD design-to-code workflows, or creating a design system code generator from Figma components. Trigger: \"anima design pipeline\", \"figma to react pipeline\", \"automated design handoff\", \"anima component generator\". 'Votes: 0GitHub stars: 3
- Anima Core Workflow B'Clone websites to React/HTML code and customize Anima output with AI. Use when converting live websites to code, customizing generated components, or building design-system-aware code from URL screenshots. Trigger: \"anima website to code\", \"anima URL clone\", \"anima AI customization\", \"website to react\", \"clone website to code\". 'Votes: 0GitHub stars: 3
- Anima Hello World'Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima''s code output format, or building your first automated design-to-code pipeline. Trigger: \"anima hello world\", \"anima example\", \"figma to react\", \"figma to code\", \"anima generate code\". 'Votes: 0GitHub stars: 3
- Anima Local Dev Loop'Set up iterative design-to-code development loop with Anima SDK. Use when rapidly iterating on Figma-to-code output, comparing framework outputs, or building a local preview server for generated components. Trigger: \"anima local dev\", \"anima dev loop\", \"anima preview\", \"anima iteration\". 'Votes: 0GitHub stars: 3
- Anima Webhooks Events'Use Figma webhooks to trigger automatic Anima code generation on design changes. Use when building event-driven design-to-code pipelines, auto-generating components when Figma files change, or integrating design updates into CI. Trigger: \"anima webhook\", \"figma webhook\", \"anima auto-generate on change\". 'Votes: 0GitHub stars: 3
- Animation VocabularyReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term (\"the bouncy thing when a popover opens\" → Pop in; \"the iOS rubber-band scroll\" → Rubber-banding). Use when the user asks \"what's it called when…\", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.Votes: 0GitHub stars: 3
- Animejs AnimationAdvanced JavaScript animation library skill for creating complex, high-performance web animations.Votes: 0GitHub stars: 3
- AntStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.Votes: 0GitHub stars: 3
- Anti Ui Slop DavepoonStop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.Votes: 0GitHub stars: 3
- Anti Ui Slop Hashgraph Online 2Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use for web or iOS UI design, implementation, redesign, critique, and pre-ship review in Codex, Claude Code, Cursor, Copilot, and other coding agents.Votes: 0GitHub stars: 3
- Anti Ui Slop Hashgraph OnlineStop UI slop before it ships. Use when building or reviewing React, Next.js, web, and iOS interfaces that need product-specific hierarchy, states, responsive decisions, and a hard finish gate grounded in UIZZE's 800,000+ real screens. Trigger with \"stop UI slop\", \"review this UI\", or \"make this interface product-specific\".Votes: 0GitHub stars: 3
- Anti Ui SlopStop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS screens to extract product-specific design decisions and enforce a hard finish gate for web and iOS interfaces.Votes: 0GitHub stars: 3
- Antigravity Design ExpertCore UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.Votes: 0GitHub stars: 3
- App RouterThis skill should be used when the user asks to \"create a Next.js route\", \"add a page\", \"set up layouts\", \"implement loading states\", \"add error boundaries\", \"organize routes\", \"create dynamic routes\", or needs guidance on Next.js App Router file conventions and routing patterns.Votes: 0GitHub stars: 3
- Apple DesignApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.Votes: 0GitHub stars: 3
- Apple Notes Install Auth'Set up macOS automation access for Apple Notes via AppleScript, JXA, and Shortcuts. Use when configuring accessibility permissions, setting up osascript access, or initializing Apple Notes automation on macOS. Trigger: \"setup apple notes\", \"apple notes automation\", \"apple notes permissions\". 'Votes: 0GitHub stars: 3
- Archive JossteiArchive the active Maestro session while preserving the shared state layoutVotes: 0GitHub stars: 3
- ArchiveArchive the active Maestro session while preserving the shared state layoutVotes: 0GitHub stars: 3
- Aria Attribute Helper'Configure with aria attribute helper operations. Auto-activating skill for Frontend Development. Triggers on: aria attribute helper, aria attribute helper Part of the Frontend Development skill category. Use when working with aria attribute helper functionality. Trigger with phrases like \"aria attribute helper\", \"aria helper\", \"aria\". 'Votes: 0GitHub stars: 3
- Arize LinkGenerates deep links to the Arize UI for traces, spans, sessions, datasets, labeling queues, evaluators, and annotation configs. Produces clickable URLs for sharing Arize resources with team members. Use when the user wants to link to or open a trace, span, session, dataset, evaluator, or annotation config in the Arize UI.Votes: 0GitHub stars: 3
- Artifacts BuilderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.Votes: 0GitHub stars: 3
- ArtisticHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.Votes: 0GitHub stars: 3
- Audit Frontend DesignUse when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive design before editing code.Votes: 0GitHub stars: 3
- Aurora UiWeb and App implementation guide for Aurora UI. Trigger when user wants gradient glows, color blobs, and atmospheric lighting effects.Votes: 0GitHub stars: 3
- Auth PatternsThis skill should be used when the user asks about \"authentication in Next.js\", \"NextAuth\", \"Auth.js\", \"middleware auth\", \"protected routes\", \"session management\", \"JWT\", \"login flow\", or needs guidance on implementing authentication and authorization in Next.js applications.Votes: 0GitHub stars: 3
- Avalonia Layout ZafiroGuidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.Votes: 0GitHub stars: 3
- Avalonia Zafiro DevelopmentMandatory skills, conventions, and behavioral rules for Avalonia UI development using the Zafiro toolkit.Votes: 0GitHub stars: 3
- Baseline UiQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.Votes: 0GitHub stars: 3
- BasicPrint-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.Votes: 0GitHub stars: 3
- Batch ExtractionUse when extracting from many files at once with shared config, bounded parallelism, per-file overrides, and error recovery. Covers the `batch` command, `--file-configs`, `--max-concurrent`, and output layout.Votes: 0GitHub stars: 3
- Before You BuildPre-build product and feature risk review for founders, product managers, and AI-assisted builders. Use this skill when the user is about to build a landing page, MVP, SaaS product, internal tool, agent workflow, or major feature and needs to check demand, positioning, monetization, retention, trust, distribution, and adoption risk before implementation starts.Votes: 0GitHub stars: 3
- Bento UiWeb and App implementation guide for Bento UI. Trigger when user wants modular grid cards, Apple-like dashboard style, or sections arranged like a bento box.Votes: 0GitHub stars: 3
- BentoModular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.Votes: 0GitHub stars: 3
- Blender Motion State InspectionUse this skill when inspecting Blender characters, rigs, poses, animation retargeting, ground contact, facing direction, or model-vs-motion alignment where screenshots alone are not enough.Votes: 0GitHub stars: 3
- Blog Figure SvgStop using stock photos. Generate accessible, lightweight SVG figures for any blog or CMS - flow diagrams, comparison bar charts, taxonomy/Venn diagrams, annotated terminal mocks, and 1600x840 OG feature cards. Hand-authored SVG (no embedded fonts, no external assets, no AI-image latency) with a consistent palette, screen-reader metadata (title + desc + aria-labelledby), and a figcaption-required handoff to the writer. Rasterizes to compressed PNG ready for Ghost, WordPress, Webflow, or any s...Votes: 0GitHub stars: 3
- BoldStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.Votes: 0GitHub stars: 3
- Book StatusBook project status and progress dashboard. Writes status.json for the web UI.Votes: 0GitHub stars: 3
- Boss| 可审计的 agent 团队：BMAD 全自动研发流水线编排器。编排 9 个专业 Agent（PM、架构师、UI Designer、Tech Lead、Scrum Master、Frontend、Backend、QA、DevOps）从需求到部署，每一步都有事件溯源 + 不可绕过门禁 + 确定性 eval——可验证测试真跑、门禁真过。支持单环节切片命令（/boss:plan /review /qa /ship）与无 CLI 纯 Markdown 降级。 Triggers: 'boss mode', '/boss', '全自动开发', '从需求到部署', '帮我做一个', 'build this', 'ship it', '全流程', '自动化开发', '一键开发', 'start a project', 'new feature' Does NOT trigger: 单文件修改或简单 bug 修复（直接编辑即可） 纯代码阅读或解释（使用 read 工具） 已有 pipeline 正在运行时的重复启动 极小事（预计 <30 分钟人工可完成、不需要 PRD/架构/门禁记录） Outp...Votes: 0GitHub stars: 3
- BrutalismWeb and App implementation guide for Brutalism. Trigger when user wants a raw appearance, intentionally unfinished look, and rejection of standard design conventions.Votes: 0GitHub stars: 3
- Brutalist TypographyWeb and App implementation guide for Brutalist Typography. Trigger when user wants huge fonts, raw presentation, and aggressive layout decisions.Votes: 0GitHub stars: 3
- Builder\"Hands-on implementation partner for creating tools, scripts, dashboards,\\ \\ and prototypes. Use when the user wants to build something tangible \\u2014 apps,\\ \\ scripts, automations, or internal tools. Triggers include \\\"build\\\", \\\"create\\ \\ tool\\\", \\\"make app\\\", \\\"implement\\\", \\\"prototype\\\", \\\"automate\\\", or when the\\ \\ goal is working software.\"Votes: 0GitHub stars: 3
- Building Native UiComplete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.Votes: 0GitHub stars: 3
- Bundle Size Analyzer'Analyze bundle size analyzer operations. Auto-activating skill for Frontend Development. Triggers on: bundle size analyzer, bundle size analyzer Part of the Frontend Development skill category. Use when analyzing or auditing bundle size analyzer. Trigger with phrases like \"bundle size analyzer\", \"bundle analyzer\", \"analyze bundle size r\". 'Votes: 0GitHub stars: 3
- CafeCozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.Votes: 0GitHub stars: 3
- Canvas AutomationAutomate Canvas tasks via Rube MCP (Composio). Always search tools first for current schemas.Votes: 0GitHub stars: 3
- Canvas Design Sickn33These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files.Votes: 0GitHub stars: 3