Claude Skills by thedixitjain

Web and App implementation guide for Vibrant Maximalism. Trigger when user wants rich colors, dense layouts, extreme sensory input, and \"more is more\".

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

> Analyze, describe, and extract information from images using the MiniMax vision MCP tool. Use when: user shares an image file path or URL (any message containing .jpg, .jpeg, .png, .gif, .webp, .bmp, or .svg file extension) or uses any of these words/phrases near an image: \"analyze\", \"analyse\", \"describe\", \"explain\", \"understand\", \"look at\", \"review\", \"extract text\", \"OCR\", \"what is in\", \"what's in\", \"read this image\", \"see this image\", \"tell me about\", \"explain...

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

>- Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides screenshots alongside change requests. Also use when editing components where spatial context (element identity, DOM references, layout data) supplements text instructions.

This skill should be used when configuring VS Code Port Monitor extension for development server monitoring. Use when the user asks to \"set up port monitoring for Vite\", \"monitor my dev server ports\", \"configure port monitor for Next.js\", \"track which ports are running\", \"set up multi-port monitoring\", \"monitor frontend and backend ports\", or \"check port status in VS Code\". Provides ready-to-use configuration templates for Vite (5173), Next.js (3000), and microservices architect...

'Generate vue component generator operations. Auto-activating skill for Frontend Development. Triggers on: vue component generator, vue component generator Part of the Frontend Development skill category. Use when working with vue component generator functionality. Trigger with phrases like \"vue component generator\", \"vue generator\", \"vue\". '

'Create vue composable creator operations. Auto-activating skill for Frontend Development. Triggers on: vue composable creator, vue composable creator Part of the Frontend Development skill category. Use when working with vue composable creator functionality. Trigger with phrases like \"vue composable creator\", \"vue creator\", \"vue\". '

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects.

Design intentional imperfection that reads as warmth — subtle asymmetry, hand-drawn elements, organic textures, intentional irregularities. Use when adding human warmth to a digital design, distinguishing from competitors with uniform design systems, designing for personal or creative contexts. The skill is making imperfection look intentional and refined rather than sloppy or broken; the line between \"designed warmth\" and \"looks unfinished\" is narrow.

Apply wabi-sabi restraint — the discipline of leaving things out, of resisting decoration, of letting empty space and silence do design work. Use when designing reading-focused interfaces, paring back accumulated clutter, choosing between decoration and absence, or evaluating whether each element earns its place. Restraint is the often-overlooked half of wabi-sabi: the imperfection side gets attention, but the principle is equally about modesty and the elegance of what''s not there.

Apply the principle of Wabi-Sabi — the aesthetic embrace of imperfection, impermanence, and naturalness. Use when designing for warmth and authenticity, creating spaces that feel lived-in rather than sterile, choosing handcrafted-feeling materials over machined perfection, or evaluating whether a design feels too polished and impersonal. Wabi-sabi resists the digital-design tendency toward pixel-perfect uniformity in favor of subtle asymmetry, organic textures, and the visible mark of process...

Use this skill when designing the orientation chrome that tells users where they are — breadcrumbs, current-page indicators, page titles, header context, \"you are here\" markers, parent-link affordances. Trigger when designing a multi-level IA, when users complain \"I lost track of where I was,\" when reviewing whether to add or remove a breadcrumb, or when picking between navigation patterns for hierarchical content. Sub-aspect of `wayfinding`; read that first.

Use this skill when deciding whether (and how) to borrow physical-world wayfinding metaphors for software — rooms, doors, paths, maps, landmarks. Trigger when designing app shells with multiple \"spaces,\" when picking metaphors for navigation (workspace, channel, board, project), when reviewing skeuomorphic vs. flat navigation choices, or when the user mentions \"feels like a maze\" or \"where''s the front door of this app.\" Sub-aspect of `wayfinding`; read that first.

Use this skill when designing search as the universal wayfinding recovery, or when designing for users who got lost — 404 pages, \"results not found,\" \"you''ve reached an unexpected page,\" empty states that should orient, and any moment where the user''s mental map has failed and the system must repair it. Trigger when designing global search, command palette, error pages, or recovery flows. Sub-aspect of `wayfinding`; read that first.

Use this skill whenever a user must navigate within a non-trivial space — a multi-page web app, a documentation site, a hierarchical settings panel, a conference site, a multi-step flow, a campus, a building, an app with deep IA. Trigger when the user asks how navigation should be structured, when users get lost, when \"I can''t find X\" complaints recur, when designing breadcrumbs, sitemaps, search, or recovery flows. Wayfinding is one of the foundational principles in ''Universal Principles...

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

Apply methods for finding the weakest link in a workflow, system, or feature set. Use when planning a redesign, prioritizing engineering or design investment, auditing a product for quality issues, or beginning any improvement effort. Several methods exist (funnel analysis, journey mapping, failure-mode enumeration, support-pattern review, direct user observation); each surfaces different kinds of weakness, and combining them gives the clearest picture.

Apply treatment strategies for identified weak links — fix, eliminate, buffer, replicate, or communicate. Use when you''ve identified a weakest link and are deciding what to do about it. Each treatment has different costs, benefits, and contexts where it''s right. The choice depends on whether the weak link is necessary, whether it''s fixable, what alternatives exist, and what timeline the fix can realistically follow.

Apply the principle of the Weakest Link — a system''s reliability is determined by its least reliable component, not by the average. Use when designing critical-path workflows, evaluating dependencies for risk, deciding where to invest in robustness, auditing onboarding or checkout flows for the step most likely to fail. The user''s experience of the product is dominated by its worst step. Improving the average without improving the weakest step often doesn''t improve the experience at all.

To build powerful frontend claude.ai artifacts, follow these steps:

Suite 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.

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.

Review files for compliance with Web Interface Guidelines.

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like \"review website design\", \"check the UI\", \"fix the layout\", \"find design problems\". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.

Use for websites, web apps, landing pages, dashboards, SaaS products, docs, checkout, agent/tool runs, React/Next/Vite/Astro/Tailwind frontends, web UI reference planning, originality, typography, assets, animation, motion, scrolling, GSAP, Motion, Lenis, View Transitions, command palettes, split panes, inspectors, and frontend interaction decisions. Builds web surfaces with surface type, UX handoff, visual direction, hierarchy, layout sketch, copy, assets, responsive containment, motion/libr...

Select, pair, and implement typefaces for web projects. Use when the user mentions \"font pairing\", \"which typeface\", \"line height\", \"responsive typography\", \"web font loading\", \"type hierarchy\", \"variable fonts\", \"FOUT/FOIT\", \"typographic scale\", or \"the text is hard to read\". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and per...

'Monitor web vitals monitor operations. Auto-activating skill for Frontend Development. Triggers on: web vitals monitor, web vitals monitor Part of the Frontend Development skill category. Use when monitoring systems or services. Trigger with phrases like \"web vitals monitor\", \"web monitor\", \"web\". '

'Use when the user asks to create a website, build a site, generate a landing page, or mentions B12. Trigger phrases: \"create a website\", \"build me a site\", \"website for my business\", \"generate a landing page\", \"B12 website\". Trigger with ''website'', ''generator''. '

Web and App implementation guide for Widget-Based Design. Trigger when user wants modular blocks, iOS Home Screen aesthetics, and customizable mini-apps.

'Configure Windsurf themes and visual settings for accessibility. Activate when users mention \"change theme\", \"customize colors\", \"accessibility settings\", \"visual preferences\", or \"dark mode\". Handles theme configuration and accessibility compliance. Use when working with windsurf theme customization functionality. Trigger with phrases like \"windsurf theme customization\", \"windsurf customization\", \"windsurf\". '

Use for execution, debugging, verification, planning, and shipping when the user's Emulo working profile should guide the task. Do not use for design/UI/UX work, marketing or social writing, or Emulo setup/mining.

Use for marketing, social, replies, product copy, launch copy, and writing in the user's voice when their Emulo writing profile should guide the task. Do not use for unrelated execution or UI/UX design alone.

Web and App implementation guide for Y2K Design. Trigger when user wants chrome effects, futuristic 2000s look, blob shapes, and tech optimism.

| Z.AI CLI providing: Vision: image/video analysis, OCR, UI-to-code, error diagnosis (GLM-4.6V) Search: real-time web search with domain/recency filtering Reader: web page to markdown extraction Repo: GitHub code search and reading via ZRead Tools: MCP tool discovery and raw calls Code: TypeScript tool chaining Use for visual content analysis, web search, page reading, or GitHub exploration. Requires Z_AI_API_KEY.

Expert in Zod — TypeScript-first schema validation. Covers parsing, custom errors, refinements, type inference, and integration with React Hook Form, Next.js, and tRPC.

'Create zustand store creator operations. Auto-activating skill for Frontend Development. Triggers on: zustand store creator, zustand store creator Part of the Frontend Development skill category. Use when working with zustand store creator functionality. Trigger with phrases like \"zustand store creator\", \"zustand creator\", \"zustand\". '

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en español.

Ingeniero de Sistemas de Andru.ia. Diseña, redacta y despliega nuevas habilidades (skills) dentro del repositorio siguiendo el Estándar de Diamante.

Estratega de Inteligencia de Dominio de Andru.ia. Analiza el nicho específico de un proyecto para inyectar conocimientos, regulaciones y estándares únicos del sector. Actívalo tras definir el nicho.

Use when building maps, figures, and tables for an Annals of the American Association of Geographers manuscript. The Annals has a dedicated Cartography Editor and Graphics Guidelines; maps are held to cartographic standards, not just plotted. Improves exhibits; it does not run the analysis.

Use when building the conceptual contribution of an Annals of the American Association of Geographers manuscript — turning a finding into a geographic argument grounded in geographic theory (place, scale, space-time, environment-society, spatial process). Sharpens the argument; it does not run analyses.

Use when drafting an AAAI author response (rebuttal) under the single short character-limited author-feedback window, the no-URL rule, no-new-results guidance, AI-generated-review handling, and the AAAI two-phase review process where Phase-2 papers receive one feedback round before SPC/AC discussion.

Use when explaining or planning around AAAI's two-phase review process, Phase 1 rejection risk, Phase 2 additional reviews, AI-assisted review pilot, author feedback, SPC/AC discussion, and final decisions.

Use when deciding whether a project is a strong AAAI submission across its broad AI scope, should be reframed or routed to a dedicated track such as AI for Social Impact or AI Alignment, or should instead go to IJCAI, NeurIPS, ICML, ICLR, AISTATS, UAI, ACL, CVPR, KDD, CHI, ICRA, or another specialist venue.

当你在收到《自动化学报》(Acta Automatica Sinica, AAS) 的外审意见、需要撰写退修说明与逐条答复信时调用。给出逐条对应审稿意见的答复结构、修改对照(改前→改后)、大修/小修的不同策略、对分歧意见的礼貌据理回应、保持双盲的匿名口径、以及按编辑部期限组织修改稿，帮助作者在 Acta Automatica Sinica 的多轮退修与重新送审中最大化被录用的机会。

当你在稿件被《自动化学报》(Acta Automatica Sinica, AAS) 录用后、需要完成定稿、清样校对、补齐署名与基金、按本刊体例排版并处理稿酬与出版排期时调用。覆盖录用后从匿名稿恢复作者信息、套用本刊定稿模板、中英文摘要与参考文献终校、校样(清样)逐处核对、样刊与稿酬安排，帮助作者在 Acta Automatica Sinica 见刊前把清样打磨到零差错并理解稿酬与出版流程。

当你在为《自动化学报》(Acta Automatica Sinica, AAS) 设计与呈现实验、仿真或实物验证时调用。覆盖研究问题(RQ)驱动的实验设计、公平基线与对照、控制类的稳定性/收敛性/鲁棒性分析、模式识别类的指标与统计显著性、消融实验、仿真与实物平台的报告要素，帮助为控制理论、机器人、智能系统方向的中文稿搭建经得起 Acta Automatica Sinica 双盲外审的实证与理论证据链。

当你在为《自动化学报》(Acta Automatica Sinica, AAS) 撰写相关工作、文献综述或确立创新性(delta)时调用。给出以差异为先的文献组织法、控制/自动化/模式识别方向代表作的覆盖策略、与最接近工作的对比表、避免\"重复前人/无新意\"初审退稿的自检，以及综述栏目所需的分类框架与批判性评价方法，帮助在 Acta Automatica Sinica 的中英文双语与综述长文传统下清晰界定本文相对已有研究的增量。