Навыки: Дизайн

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Use when brainstorming product names, company names, or brand names. Based on David Placek's Lexicon Branding methodolog...

Design and build interfaces in the calm, warm, typography-led style popularised by Claude-style assistants — content-fir...

AI 3D model generation agent. Generates text-to-3D and image-to-3D code (Python/JS/OpenSCAD) using Meshy/Tripo/Hunyuan3D...

Send your first record to Clay and get enriched data back. Use when starting a new Clay integration, testing webhook set...

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

Soft 3D, puffy elements with inner and outer shadows for a playful, tactile feel.

Web and App implementation guide for Claymorphism. Trigger when user wants soft 3D elements, rounded shapes, and a playf...

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutte...

Detect unnecessary files and provide cleanup recommendations

Clerk — authentication and user management with sign-in/sign-up, middleware, organizations, webhooks.

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for...

Customize Clerk component appearance - themes, layout, colors, fonts, CSS. Use for appearance styling, visual customizat...

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Rout...

Set up Clerk authentication in any project with the Clerk CLI and official framework quickstarts. Use when adding Clerk,...

Use this skill when building command-line interfaces, designing CLI argument parsers, writing help text, adding interact...

Use when the user wants to create, inspect, restyle, rebuild, clone, configure, or publish a native Clickmax-hosted page...

Guide for implementing client-side state management in React applications. Use when building state architecture, selecti...

When to reach for Zustand vs React Context for client-only UI state, and the store slice convention used in this templat...

Use this skill when configuring duplicate detection for Health Cloud patient records, managing Person Account merges in...

视频剪辑全链(download → transcribe → plan → cut → translate → karaoke)

Integrates Clix Mobile SDK into iOS, Android, Flutter, and React Native projects. Provides step-by-step guidance for ins...

HTTP client for Clojure and Babashka built on java.net.http. Use when making HTTP requests, working with REST APIs, down...

High-fidelity website/app clone design pipeline. Use when asked to clone, replicate, copy, or recreate any existing webs...

Clone any website with a coordinated team of AI agents — a Manager (you), a Frontend Developer, a Backend Architect, and...

Clone any website into a pixel-perfect single-file HTML prototype. Extracts design tokens, assets, CSS computed styles,...

Rebuild existing web pages as working local code, matching their real content, assets, responsive layout, and interactio...

Rebuild an existing web page 1:1 from measurement instead of by eye — into Figma, Penpot, or code. Captures the rendered...

[Specialist-only tool inside /work workflow] Reverse-engineer and clone one or more websites in one shot — extracts asse...

Reverse-engineer and clone any website pixel-perfectly — extracts assets, CSS, and content section-by-section and dispat...

Use when the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website — or says 'make a copy of th...

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and p...

Use when recreating a reference website or brand hub in this Hydrogen plus Weaverse repo, especially when deciding wheth...

Cloodle design system tokens for colors, typography, spacing, and components. Use when styling Cloodle interfaces, creat...

Run one task through the V-model verification loop: CP-2 plan → CP-3 build → CP-3v component verify → CP-4 integration v...

Generate professional cloud architecture diagrams as PNG images using Python code. Use this skill whenever the user asks...

Builds a WebGL2 kinetic-type effect in which a line of white letters on a pale sky arrives as soft puffs of cloud, lands...

A single skill that helps design and implement CloudBase Auth v2 using Web SDK, Node SDK, and HTTP APIs, including login...

前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原

Google App Script form-to-sheet integration with auto-retry, toast notifications, and Zalo/contact fallback. Reusable ac...

微信小程序开发工程师 Skill，执行小程序开发任务，自动适配项目技术栈（原生小程序/Taro/uni-app 等），支持 Figma/Stitch 设计稿还原与云开发

UI 还原工程师 Skill，把已确认的设计基准像素级还原为生产代码（token 先行、原子顺序、按交付形态量化验收：Web 用 BackstopJS、App 用 Maestro+模拟器截图）；有基准才出场，不做业务逻辑

Ultimate UI/UX design intelligence: an Anti-Slop layer that kills AI tells (em-dash, AI purple glow, generic names, temp...

Review a screen, component or design as a senior UX/UI designer — UX laws, Gestalt grouping, visual hierarchy, readabili...

Use for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Merm...

Applies a Figma design to real code in a frontend repo — porting changed parts into existing code with minimal edits, or...

Creates and maintains Figma Code Connect files (`*.figma.tsx`) that map Figma components to code via the parser-based `f...

用代码从零做视频的「总导演」技能：从一个主题、一段文案、一首音乐或一堆素材出发，完成讲故事、分镜规划、节奏设计、风格定调、Remotion 实现、音画同步、渲染与自检，直到交付成片。覆盖情绪短片、PV、文字动效、动态设计(MG)、科普讲解、...