開發
前端、後端、行動裝置和全端開發技能
20307 skills in this category
database
PostgreSQL VPS database expert. Manages database creation, Prisma schemas, migrations, seeding. Auto-activates on keywords "database", "postgresql", "prisma", "db", "sql" or when backend with data storage needed.
amcs-fixer
Apply targeted fixes to failing artifacts based on validation issues. Improves hook density, singability, rhyme tightness, section completeness, and profanity compliance with minimal changes. Use after VALIDATE fails (≤3 iterations) to address specific quality issues before re-composing.
live-coding-interviewer
Run a senior-level Java/Spring backend live-coding interview practice, guiding the user with Socratic prompts, strict code review (readability, edge cases, data structures), and staged hints without giving direct answers.
gemini-research
Delegates research to Google Gemini. Use when user says "이거 좀 찾아봐", "Gemini한테 물어봐", "문서 검색해줘", "best practice 알려줘", "리서치해줘", "최신 정보 찾아줘", or needs web search, documentation lookup.
web-fetch
Use this skill when users want to scrape web content and convert it to clean Markdown or PDF. Handles workflows like "Save this webpage as PDF", "Fetch this article", "抓取网页内容", or "转换为PDF". Supports crawl4ai for general web scraping and Playwright-based WeChat (微信公众号) article fetching with anti-bot bypass. Automatically converts to PDF by default unless user specifies Markdown-only.
solidstart
Builds full-stack applications with SolidStart, combining Solid's fine-grained reactivity with server functions and multiple rendering modes. Use when creating SolidJS applications with SSR/SSG, server functions, or when user mentions SolidStart or Solid meta-framework.
agentdevcoder
Use this skill in the scenario of intelligent agent application development.
cloudflare-agents
Comprehensive guide for the Cloudflare Agents SDK - build AI-powered autonomous agents on Workers + Durable Objects.Use when: building AI agents, creating stateful agents with WebSockets, implementing chat agents with streaming, scheduling tasks with cron/delays, running asynchronous workflows, building RAG (Retrieval Augmented Generation) systems with Vectorize, creating MCP (Model Context Protocol) servers, implementing human-in-the-loop workflows, browsing the web with Browser Rendering, managing agent state with SQL, syncing state between agents and clients, calling agents from Workers, building multi-agent systems, or encountering Agent configuration errors.Prevents 15+ documented issues: migrations not atomic, missing new_sqlite_classes, Agent class not exported, binding name mismatch, global uniqueness gotchas, WebSocket state handling, scheduled task callback errors, state size limits, workflow binding missing, browser binding required, vectorize index not found, MCP transport confusion, authentic
content-optimizer
分析博客文章和页面内容的质量,包括标题结构、关键词密度、可读性、内链机会、图片 alt 文本等。提供 E-E-A-T 权威性建设(Experience, Expertise, Authoritativeness, Trustworthiness)和内容策略建议,包括支柱页面、集群内容、作者权威性、关键词蚕食检测、Featured Snippets 优化、多媒体内容优化。
design-excellence
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
svelte-ui-design
ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless components. Covers class composition, color systems, interactive components, forms, overlays, and all visual design.
pocketflow
PocketFlow framework for building LLM applications with graph-based abstractions, design patterns, and agentic coding workflows
ui-ux-pro-max
UI/UX design intelligence with searchable database: 50 styles, 21 color palettes, 50 font pairings, 20 chart types, 8 framework stacks.Trigger phrases (use this skill when user says):- "build a landing page", "create a dashboard", "design a website"- "Reactでコンポーネント作って", "Next.jsでページ作って", "Vueでアプリ作って"- "make it look modern", "use glassmorphism", "add dark mode"- "UIを改善して", "デザインを良くして", "もっとモダンにして"- "choose a color palette", "recommend fonts", "what chart should I use"- "fix accessibility", "improve UX", "optimize for mobile"- "style with Tailwind", "add hover effects", "create responsive layout"Supported: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind.Elements: button, modal, navbar, sidebar, card, table, form, chart, hero, footer.Styles: glassmorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, flat design.
implementing-spatial-xr
Implementing WebXR, VR, and AR features for StickerNest's spatial platform. Use when the user asks about VR mode, AR mode, WebXR integration, immersive sessions, XR controllers, hand tracking, hit testing, plane detection, mesh detection, room mapping, spatial anchors, teleportation, XR accessibility, or spatial rendering. Covers @react-three/xr, useSpatialModeStore, XR adapters, room scanning, and intent-based input.
mobile-responsive
Comprehensive mobile-first responsive design skill for converting desktop pages to mobile-friendly layouts. Use when implementing mobile views, fixing responsive issues, or batch-converting multiple pages to mobile-responsive. Automates the mobile-view workflow for Next.js/React applications with Tailwind CSS. (project)
ethics
Master ethical theory - metaethics, normative ethics, and applied ethics. Use for: moral philosophy, right/wrong, virtue, duty, consequences, moral realism. Triggers: 'moral', 'ethical', 'ethics', 'right', 'wrong', 'virtue', 'duty', 'consequences', 'deontology', 'utilitarianism', 'virtue ethics', 'metaethics', 'moral realism', 'consequentialism', 'Kantian', 'categorical imperative', 'trolley problem', 'moral dilemma'.
design-brand
Use this skill when creating UI components, writing copy, designing layouts, or making any visual/brand decisions for the Planted website. Ensures consistency with Planted's challenger brand voice (inspired by Oatly's approach) and the established design system.
node-backend
Node.js + Express + TypeScript patterns for FarmGate backend. Use when building API routes, services, middleware, or integrating with CAES authentication.
deploy-shot-client-next
DEPRECATED - Use deploy-phoenix-client for production or deploy-rails-client for legacy Rails backend. This skill redirects to the appropriate deployment skill.
nx-workspace-architecture
Guide structuring new features in Nx workspaces. Use when user asks about creating libraries, organizing code, or where to place new features.