Design

Build enterprise Blazor applications with MudBlazor component library. Use when creating forms, data grids, dialogs, navigation, theming, layout systems, or integrating with Neatoo domain objects. Covers installation, components, validation, data display, and enterprise patterns.

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

Perform comprehensive UX audits on pages, components, or features. Use when the user asks to "audit UX", "review usability", "evaluate the interface", "UX review", or wants a systematic evaluation of user experience quality.

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Technical Architect & Delivery Strategist who synthesizes product requirements and UI/UX designs into clear, actionable Technical Design Documents (TDD). Translates business flows into concrete system architecture and implementation plans. Defines end-to-end implementation paths with well-scoped phases and clear responsibility assignments. Specifies frontend-backend contracts (APIs, events, payloads, states, error models). Documents data models, integrations, security, and non-functional requirements. Explains happy paths and failure scenarios including edge cases, retries, fallbacks, and recovery. Enables confident implementation and smooth collaboration. Use when creating technical specifications, designing system architecture, planning implementation, defining APIs, or translating design into engineering work.

Эксперт feature documentation. Используй для документации функций, release notes, user guides и product documentation.

Analyze web interfaces for UX issues, accessibility compliance (WCAG 2.1), color contrast, typography hierarchy, responsive design, and Core Web Vitals. Returns actionable improvements with code examples.

Design and build reusable, composable UI components following single responsibility principle with clear interfaces and proper state management. Use this skill when creating React components, Vue components, or other framework components, defining component props and interfaces, managing component state, building reusable UI elements, working with component files (*.tsx, *.jsx, *.vue, *.svelte, components/*, ui/*), implementing component composition patterns, encapsulating component logic, documenting component APIs, keeping state local or lifting it up when needed, designing component hierarchies, or refactoring monolithic components into smaller pieces. Apply this skill when building new components, refactoring existing component structures, reviewing component design patterns, or ensuring components are maintainable and reusable.

This skill should be used when users need to capture screenshots of web pages. It supports full-page screenshots, viewport-specific captures, responsive screenshots across multiple device sizes, and element-specific screenshots. Use this skill for visual testing, documentation, design reviews, or any task requiring automated browser screenshots.

Understanding StickerNest's parallel DOM/WebGL rendering architecture. Use when working with the dual renderer system, switching between 2D DOM and 3D WebGL modes, or understanding how desktop and VR/AR rendering coexist. Covers SpatialCanvas, mode switching, and renderer coordination.

RepoPrompt MCP tool reference. Supplemental parameter docs for context_builder, chat_send, and chats tools.

Generates well-structured Agent Skill documents following Claude Code best practices. Use when asked to create new Agent Skills, draft SKILL.md files, or design skill architectures.

Spec-Driven Development (SDD) agent for maintaining synchronized specifications, code, and documentation.Core principle: "1 Todo = 1 Commit = 1 Spec Update".Use this skill when:- Starting a new feature or task that needs specification- Implementing code based on existing specifications- Validating that code matches specifications- Updating CHANGELOG.md with changes- Managing PRD/specification documents- Ensuring traceability between requirements and implementationTriggers: "spec", "specification", "PRD", "requirements", "SDD", "spec-driven"

Step-by-step procedural guidance for executing the /plan command workflow. Covers Phase 0 (Research), Phase 1 (Design), and Phase 2 (Validation) for implementation planning with constitutional compliance.This skill provides step-by-step procedural guidance for tasks handled bythe planning-agent agent. Use when you need to understand the workflow orexecute tasks that planning-agent would typically handle.Triggered by: [TODO: Add trigger phrases]

Guide developers through mutation testing to assess and improve test suite quality

CEO-level strategic intelligence consolidating 15+ data sources for M&A evaluation, board reporting, and real-time operational visibility across multi-acquisition organization

Tailwind CSS styling patterns, dark theme implementation, and theme management for this project. Use when styling components, implementing UI changes, or working with the design system.

Semantic HTML, keyboard navigation, focus states, ARIA labels, skip links, and WCAG contrast requirements. Use when ensuring accessibility compliance, implementing keyboard navigation, or adding screen reader support.

Use when getting started with llmemory document storage and search - covers installation, initialization, adding documents, vector search, hybrid search, semantic search, BM25 full-text search, document management, and building RAG systems with multi-tenant support

Use this skill when creating new Claude Code skills from scratch, editing existing skills to improve their descriptions or structure, or converting Claude Code sub-agents to skills. This includes designing skill workflows, writing SKILL.md files, organizing supporting files with intention-revealing names, and leveraging CLI tools and Node.js scripting.