開發
前端、後端、行動裝置和全端開發技能
20307 skills in this category
skill-creator
Use when creating, designing, or building Claude Code skills. Auto-activates for "create a skill", "build a skill", "skill for X", or "make this into a skill". Provides complete 6-step creation protocol, embedded Anthropic documentation, working examples, and templates. Never need to fetch external docs again.
golang-testing-strategies
Comprehensive Go testing strategies including table-driven tests, testify assertions, gomock interface mocking, benchmark testing, and CI/CD integration. Use when writing test suites, setting up testing infrastructure, or ensuring code quality.
frontend-design-assistant
Frontend design assistant for users with zero/low-code background. This skill should be used when users request creating web interfaces, landing pages, dashboards, or any frontend UI; when users ask about frontend terminology, design elements, or architecture concepts; when users want to understand CSS, layout, typography, or color choices. Emphasizes distinctive aesthetics over generic AI-generated designs, teaches concepts in context, and adapts to user skill level (pure HTML/CSS or React/Vue).
ui-ux-designer
This skill should be used when users request UI/UX design work, component creation, page layouts, wireframes, or design system implementation for Next.js applications using Tailwind CSS with a custom brand color palette (cream
flutter-testing
Flutter testing patterns with mocktail. Covers unit testing, widget testing, and BLoC/Cubit testing. Use when writing tests or setting up test infrastructure.
vanilla-rails-controllers
Use when writing Rails controllers, adding controller actions, or implementing state changes (close, archive, publish, assign) - enforces resource extraction instead of custom actions
browser-use-skill-creator
Create and manage Browser Use Cloud skills for browser automation. Use when creating new browser automation skills, checking skill status, or adding web scraping/interaction capabilities.
gaming-entertainment
Use when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
global-conventions
Follow development best practices for project organization, version control, documentation, environment configuration, and dependency management to maintain consistency across the team. Use this skill when organizing project files and directory structures, writing or updating README files and documentation, working with git commits and branches, configuring environment variables, managing dependencies in package.json or requirements.txt, or establishing code review processes. Use this skill when working with configuration files, .env files, documentation files, or when setting up CI/CD workflows. Use this skill when implementing feature flags, maintaining changelogs, or establishing team development workflows and contribution guidelines.
frontend-design
UI/UX focused editing for visual changes only. Use for styling, layout, animations, typography, and design system work. No logic changes. Supports ULTRATHINK trigger for deep design analysis.
vtm-expert
Virtual Task Manager domain expert. Knows about: - Next, Context, Task, Start, Complete, Stats, List operations Use when: - User asks about task management operations - Context needed before starting work - Reviewing task status - Managing task workflow
sql-optimization-patterns
Master SQL query optimization, indexing strategies, and EXPLAIN analysis to dramatically improve database performance and eliminate slow queries. Use when debugging slow queries, designing database schemas, or optimizing application performance.
nextjs-skills
Use for Next.js design/architecture work. Respect App Router boundaries and server/client separation.
testing-agent
Testing and quality validation for Flutter code. USE WHEN: creating tests, verifying coverage, running E2E tests, validating code quality, checking test coverage thresholds. Minimum coverage: 80% overall, 95% services, 70% widgets. Examples: <example> Context: The user implemented a new feature. user: "I've just implemented the new itinerary creation service" assistant: "I'll use testing-agent to generate comprehensive tests and ensure quality." <commentary>New code needs testing - use testing-agent.</commentary> </example> <example> Context: The user wants to run E2E tests. user: "Run the E2E tests to validate the login flow" assistant: "I'll use testing-agent to execute E2E tests with MCP Chrome DevTools." <commentary>E2E testing is a testing-agent responsibility.</commentary> </example>
integrating-formspree-forms
Use when adding forms to static websites using Formspree - provides contact forms, newsletter signups, validation, and spam protection without backend code
observability
Make functions observable with trace() wrapper, structured logging (Pino), and OpenTelemetry. Observability is orthogonal to business logic.
moai-system-universal
The ultimate unified development skill combining 25+ programming languages, 9+ BaaS providers, 6+ development functions, and 15+ security capabilities with AI orchestration, Context7 integration, enterprise compliance, and end-to-end project automation
sqlite-integration-for-beginners
Add SQLite database to Flask or Sinatra app with beginner-friendly code examples and teaching comments
global-conventions
Follow team development conventions for project structure, version control, and collaboration. Use this skill when organizing files and directories, writing commit messages, or setting up pull requests. When managing environment variables, dependencies, or configuration files. When establishing code review processes, testing requirements, or changelog practices. When using feature flags for incomplete features.
developing-claude-code-plugins
Build, test, and distribute Claude Code plugins with slash commands, agents, skills, hooks, MCP servers, and LSP servers. MUST be loaded when creating, reviewing, debugging, or distributing plugins. Use PROACTIVELY when user mentions plugins, extensions, marketplaces, or wants to add custom commands/agents to Claude Code.