開發
前端、後端、行動裝置和全端開發技能
20307 skills in this category
schema-reviewer
WHEN: Database schema review, table design, normalization, constraints, index planningWHAT: Normalization analysis + Constraint validation + Index strategy + Data types + Relationship designWHEN NOT: Query optimization → sql-optimizer, ORM code → orm-reviewer
shadcn-mcp
Install and configure the shadcn MCP server for Codex. Use when a user asks to enable shadcn/ui MCP tools, set up the shadcn MCP server in Codex, or troubleshoot shadcn MCP startup.
writing-plans
Use when you have a spec or requirements for a multi-step task, before touching code. Creates detailed implementation plans with bite-sized tasks.
crawl4ai
Web crawling and content extraction to clean markdown files. Use this skill when the user wants to: (1) Crawl a website or webpage, (2) Extract and clean content from URLs, (3) Create markdown documentation from websites, (4) Analyze website structure before crawling, (5) Download website content including subpages. Typical triggers include 'crawl this website', 'extract content from URL', 'download this site as markdown', 'analyze website structure'.
frontend-implementation-plan
Create comprehensive, production-ready frontend implementation plans for any UI screen or feature. Use this skill when documenting how to build UI components, establishing design systems, planning component architecture, or creating technical specifications for frontend development. Works across frameworks (React, Vue, Angular, Svelte, etc.) and focuses on clear structure, reusable patterns, and maintainability.
chrome-devtools
Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging. | Sử dụng khi: chụp màn hình, tự động hóa trình duyệt, debug web, performance, network.
ui-design-team
Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design decisions - colors, layout, typography, accessibility,(2) Web implementation - HTML5, CSS, responsive design, (3) .NET desktop - WPF, WinUI 3, MAUI with XAML,(4) .NET web - Blazor Server/WASM/Hybrid components, (5) Python GUI - PyQt, Tkinter, Kivy, Streamlit.Triggers: UI design, color scheme, layout, component styling, accessibility, responsive design,XAML styling, Blazor components, CSS architecture, Python GUI, design system, design tokens.
astro-tailwind-cloudflare-stack
Complete full-stack development with Astro (Islands Architecture), Tailwind CSS (utility-first styling), and CloudFlare Workers/D1/KV (edge computing and hybrid database). Strategic guidance plus practical implementation patterns for building fast, globally-distributed web applications.
obsidian-organizer
Organize and normalize an Obsidian vault in a Zettelkasten, folder-first style. Use when asked to scan/analyze an Obsidian vault, generate Report.md and an executable Plan.md, normalize filenames (YYYYMMDD Title), merge YAML frontmatter (type/status/created/updated/tags/aliases/source), plan moves between top folders (00_Inbox/10_Literature/20_Permanent/30_Maps/40_Projects/90_Archive), fix wikilinks and markdown links after renames/moves, manage attachments in per-top-folder _assets, and apply changes with rollback via backups in 90_Archive/_organizer_backups.
keep-it-simple
Provides guidance and best practices for writing simple, understandable code that developers can easily maintain
code-review
Perform per-change code reviews for C# and Python with language-specific best practices.Use when asked about: code review, review this code, check my code, review PR, best practices,is this code good, code quality, review changes, review my changes.Also triggers automatically after significant code changes.NOT for: architectural assessments, system design reviews (use architecture-review skill instead).
document-sync
Synchronize text changes across multiple files. Use when updating taglines, brand text, version numbers, or any content that appears in multiple places.
moai-docs-generation
Documentation generation patterns for technical specs, API docs, user guides, and knowledge bases using real tools like Sphinx, MkDocs, TypeDoc, and Nextra. Use when creating docs from code, building doc sites, or automating documentation workflows.
pr-quality-checklist
PR quality checklist for ensuring comprehensive, well-documented pull requests. Use before submitting PRs to improve review efficiency and code quality.
machine-learning-fundamentals
Master machine learning fundamentals. Production-ready code examples, best practices, and real-world applications.
create-exercise
Create consistent, high-quality educational programming exercises or tutorials following strict template guidelines. Use this skill whenever you need to create or refine a programming exercise or tutorial for your course. Automatically applies template structure, formatting rules, and quality verification.
docker-workflow
Comprehensive Docker containerization workflow covering multi-stage builds, docker-compose orchestration, image optimization, debugging, and production best practices. Use when containerizing applications, setting up development environments, or deploying with Docker.
platform-health
Check comprehensive platform health including ArgoCD apps, pods, services, certificates, and resources across the Kagenti platform
figma-mcp-workflow
Standardize Figma-to-code workflow using Figma MCP - always get_design_context first, then screenshot, use project tokens not hardcoded values, validate 1:1 parity
expo-config
Use when configuring Expo applications through app.json, app.config.js/ts, and EAS build configuration. Covers environment variables, build profiles, plugins, and deployment settings.