guanghechaojizhiti

Design backend architecture, service boundaries, domain models, data flow, async jobs, reliability strategy, error handling, observability, and deployment shape. Use before implementing significant backend systems, APIs, services, queues, integrations, or refactors.

Professional UI beautification and product visual refinement for desktop and web apps. Use when the user asks to make an interface more beautiful, premium, polished, modern, professional, refined, or visually consistent, especially for API-driven tools, dashboards, SaaS, admin panels, and desktop software. Incorporates high-taste anti-generic UI rules.

Professional Tauri desktop application development with Rust commands, webview frontend, permissions, IPC, filesystem access, secure storage, sidecars, updater, packaging, and cross-platform desktop behavior. Use for Tauri apps, Tauri + React/Vue/Svelte, Rust backend commands, desktop APIs, tauri.conf, capabilities, and build/release issues.

Architecture and implementation for API-driven desktop and web applications. Use when the app depends heavily on remote APIs, model/API gateways, auth, request orchestration, server state, offline/slow-network handling, streaming, uploads/downloads, rate limits, and API-backed UI workflows.

Professional database design, migration, transaction, indexing, query optimization, and data integrity skill for SQL databases and ORMs. Use for schema design, migrations, indexes, constraints, query performance, data modeling, consistency, backfills, and database review across PostgreSQL, MySQL, SQLite, Prisma, Drizzle, TypeORM, SQLAlchemy, and similar tools.

Professional frontend design and implementation planning for web apps, dashboards, tools, admin panels, API-driven screens, and desktop-like UI. Use when designing or improving frontend screens before or during implementation, especially when component hierarchy, application layout, data states, and usability need to be explicit.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include 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.

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Reusable brand visual asset system for premium content deliverables. Use when creating or redesigning PPT, HTML, PDF, Word, poster, brand deck, product introduction, commercial proposal,招商/路演/品牌方案, or marketing content files AND the user asks for high-end visual design, brand-handbook quality, product/brand storytelling, GPT Image 2 generated imagery, or references to the private excellent PDF visual assets. Do not use for ordinary document conversion, plain Word/PDF text drafting, contracts, meeting notes, technical docs, tables, or file tasks where no brand/visual/premium design intent is present.

Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.

Create verified CodeTour `.tour` walkthrough artifacts with real repository file, directory, line, selection, pattern, or URI anchors. Use for onboarding tours, architecture tours, PR walkthroughs, RCA paths, security-review paths, or reusable explain-how-this-works artifacts.

Add content-addressed caching to expensive file processing workflows such as PDF parsing, OCR, image analysis, document extraction, generated asset rendering, or batch transforms. Use when repeated processing should be skipped safely even if file paths change.

电商全域内容工厂。从产品信息到全套营销素材的一站式生产线——情报策略、图素材（主图/详情页/海报/SKU套图）、 视频素材（品牌片/场景片/Seedance提示词）、文案话术（品类文案/直播/投流脚本）、视觉提示词编译（自然语言+JSON双格式）、 品牌美学与设计提示词、质控合规。两种模式：按需单点（要哪样产哪样，最小加载）+ 全链路（产品→全套一条龙）。 七引擎按需链式加载，九大知识底座。当用户需要电商素材、主图、详情页、产品/品牌/场景视频、Seedance/即梦提示词、 竞品分析、营销策略、用户评论分析、直播话术、投流脚本、品类文案、多平台改写、AI绘画提示词、自然语言/JSON/Nano Banana提示词、 国际设计提示词、品牌美学模块、商业摄影、视觉一致性、SKU套图、广告法合规、效果预测时触发。 触发词：电商素材、广告素材、主图、详情页、产品视频、品牌视频、场景视频、Seedance、即梦、竞品分析、营销策略、 用户评论、直播话术、投流脚本、品类文案、多平台适配、SKU套图、AI绘画提示词、图像提示词、JSON提示词、Nano Banana、 国际设计提示词、品牌美学、商业摄影、视觉一致性、广告法、效果预测、电商内容工厂。

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.

GPT Image 2 content factory and prompt/API workflow skill. Use when the user asks for OpenAI gpt-image-2 prompts, commercial visual content, ecommerce detail pages, ads, posters, character sheets, landing page visuals, logos, app UI mockups, brand visual systems, icon systems, reference-image edits, batch variants, prompt diagnosis, API examples, or parameter choices for gpt-image-2 only.

把观点拆成短句、故事、钩子和轻 CTA，适合私域朋友圈内容。

Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish, or link a site/repo on Netlify, including preview and production deploys.

Generate Paishu-style social card image sets and WeChat official account cover pairs from articles, scripts, screenshots, product notes, subtitles, or photos. Use when the user asks for 小红书图文, Rednote/Xiaohongshu images, social cards, carousel images, 3:4 covers, 微信公众号封面, WeChat 21:9 + 1:1 covers, Swiss Style, or magazine-style social images.

Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.

海报提示词大师。统一基底+双版本输出(含文字版A+纯视觉无字版B)的海报Prompt锻造系统。 双模式双轨:**自然语言模式**适配即梦、Nano Banana、可灵等国内模型的中文长描述; **JSON结构化模式**适配Midjourney、Imagen、Ideogram、Nano Banana等海外模型的字段化Prompt。 配套三大机制:**模式使用**(路由/切换/混合/互转/降级)、**文字使用**(中/英/双语决策+字体族绑定)、 **排版**(5级文字层级/九宫格位置/对齐/密度/与视觉关系)。 融合四模块设计法、Hex色值协议、A/B同源铁律、高级功能三件套(主题联动/风格继承/视觉基因库)、 PQS六维评分、10大风格模板、100+视觉语料词汇、18+10+9+12项反模式自检闭环。 当用户需要生成AI海报、制作海报提示词、设计活动/产品/品牌/发布会/音乐会/电影/展览/节日/招聘海报、 双版本海报、系列海报、复刻参考风格、JSON Prompt海外投放、批量API调用、模式切换/互转、 海报文字语言选择、海报排版设计时触发。 触发词:海报、poster、海报提示词、海报prompt、AI海报、做海报、生成海报、KV、主视觉、 双版本海报、含字海报、无字海报、海报系列、海报风格、key visual、 JSON模式、JSON Prompt、结构化提示词、schema、Midjourney、MJ、Imagen、 Ideogram、海外模型、即梦、Nano Banana、可灵、字段化Prompt、 自然语言模式、双模式、混合模式、模式切换、模式互转、模式路由、 海报中英文、海报文字语言、海报排版、文字层级、字体搭配、排版机制

一页一论断，生成汇报或课程型 PPT 的大纲、逐页标题、要点和讲稿。

保留事实和观点，重写表达、结构和语气，输出更适合发布的版本。

Decompose large engineering objectives into RFC-style, dependency-aware, independently verifiable work units with acceptance tests, rollback plans, merge order, and integration gates. Use for multi-session features, risky migrations, broad refactors, multi-agent work, or work too large for one safe implementation pass.

Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.

Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry CLI; perform read-only queries using the `sentry` command.

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

把书面材料转成可录制口播稿，包含开场、主体、转折、结尾和字幕节奏。

基于背景、目标和约束输出关键判断、路径选择、风险清单和行动优先级。

Design deterministic-first structured text extraction pipelines for repeated document formats, forms, quizzes, receipts, tables, logs, or semi-structured exports. Use when deciding whether to parse with rules, schemas, regex, LLM fallback, confidence scoring, or hybrid validation.

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

Use when creating new skills, editing existing skills, or verifying skills work before deployment

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

Tauri framework for building cross-platform desktop and mobile apps. Use for desktop app development, native integrations, Rust backend, and web-based UIs.

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".