Frontend
8107 skills in Development > Frontend
writing-guidelines
This skill should be used when the user asks to "write a resume", "write a cover letter", "describe career achievements", "express accomplishments appropriately", or needs guidance on professional document writing tone and avoiding exaggerated expressions.
moai-baas-neon-ext
Enterprise Neon Serverless PostgreSQL Platform with AI-powered database architecture, Context7 integration, and intelligent branching orchestration for scalable modern applications
code-quality
Code quality guidelines. ALWAYS use skill for ANY code changes.
vue-components
Apply when creating or modifying Vue components, using BaseCard, ColorPicker, Toast, or composables. Covers component architecture, module structure, and Vue 3 Composition API patterns.
summarize-to-apple-notes
Summarize conversation content and save to Apple Notes app using HTML format. Use when user asks to "总结并保存到备忘录", "summarize and save to Notes". Handles both summarization and saving in one step. Can save to custom folder if user specifies.
analytics-reports
Создание профессиональных аналитических справок по финансам, экономике и юриспруденции в формате HTML. Два дизайна на выбор — dark-premium (тёмная тема с золотыми акцентами) и analytics-green (светлая тема с бирюзовыми акцентами). Создаёт две версии — статичную для мобильных устройств и интерактивную для компьютеров. Использовать при запросах на создание аналитических отчётов, финансовых справок, экономических обзоров, юридических заключений, сравнительных анализов, инвестиционных меморандумов.
fastapi-full-stack
Enterprise-grade FastAPI development covering complete full-stack architecture with Next.js/React frontend, Neon Serverless PostgreSQL, SQLModel ORM, security hardening, payment integrations (Stripe, JazzCash, EasyPaisa), async patterns, real-time features, microservices, and production deployment. Use when building APIs, integrating with databases, implementing authentication/authorization, payment systems, real-time functionality, or deploying to production.
trust-reliability
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
goap-agent
Invoke for complex multi-step tasks requiring intelligent planning and multi-agent coordination. Use when tasks need decomposition, dependency mapping, parallel/sequential/swarm/iterative execution strategies, or coordination of multiple specialized agents with quality gates and dynamic optimization.
typebox-schemas
Guide for TypeBox schema conventions in Fastify routes and environment validation. Use when defining request/response schemas or validating configuration.
extract-constraints
Extract technical constraints (C-*) from ecosystem E(t) - timeouts, API limits, compliance requirements, platform dependencies. Acknowledges given constraints, not design choices. Use to document ecosystem realities that code must work within.
advanced
Claude Code mastery for power users. Build agents, MCP servers, publish plugins.Use when: user wants to create agents, build integrations, or publish plugins.
cloodle-design-tokens
Cloodle design system tokens for colors, typography, spacing, and components. Use when styling Cloodle interfaces, creating CSS, or implementing consistent visual design across the platform.
emit
Use when working on the Miden compiler (`cargo miden`, `cargo-miden`) and its integration test suite, debugging compiler issues or failing tests, or implementing compiler changes and you need to inspect intermediate artifacts. Covers `MIDENC_EMIT` (the environment-variable equivalent of `--emit`) for emitting WAT/HIR/MASM (and related outputs), plus `MIDENC_EMIT_MACRO_EXPAND` for dumping macro-expanded Rust via `cargo expand` for integration-test fixtures.
code-review-patterns
This skill should be used when the user asks about "code review best practices", "how to review code", "review methodology", "code review framework", "impact prioritization", "root cause analysis", or needs guidance on systematic code review approaches and output templates.
recharts
Recharts for React data visualization. Covers line, bar, area, pie charts with responsive containers and customization. Triggers on recharts, chart, LineChart, BarChart.
data-ai-ml
Master data science and machine learning with Python, TensorFlow, PyTorch, and MLOps. Learn to build predictive models, deep learning systems, and production ML pipelines.
rust-desktop-applications
Build cross-platform desktop applications with Rust using Tauri framework and native GUI alternatives
mcp-server
Build MCP (Model Context Protocol) servers for CasareRPA integrations using Python FastMCP. Covers server structure, tool design, error handling, and RPA-specific patterns. See references/ for detailed guides. Use when: creating MCP servers, tool design, error handling, RPA-specific patterns, FastMCP, Context logging, lifespan hooks.
user-discovery-research
Master user research methodologies, customer interviews, persona development, and journey mapping. Understand customer problems deeply before building.