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

前端开发 / Frontend development. Builds pages and components from project scaffold. Use when the project is initialized and...

项目初始化 / Project scaffolding. Scaffolds a new Next.js project step by step. Use when the user confirms they want to build...

Use when a heartbeat needs to check if a story can progress through a gate. Checks prerequisites, dependencies, 3rd-part...

Execute plans step-by-step with confirmation gates. Each step requires user approval before proceeding. Includes change...

Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.

Design gateway scripts as entry points for agentic coding. Use when creating CLI entry points for agents, designing subp...

Invoke stakeholder agents in parallel for requirements gathering

Full page layout compositions for GDEX — trading page, portfolio page, copy trading page, and bridge page with responsiv...

CSS theming system for GDEX trading UIs — dark/light modes, trading colors, responsive breakpoints, and Tailwind CSS con...

Plan game UX, UI, and HUD design specifications. Use when the user says "lets create game UX", "design the HUD", "create...

Use when writing GDScript — static typing, await/coroutines, lambdas, match patterns, export annotations, inner classes,...

Build a custom front-panel renderer for a piece of gear (amp, pedal, compressor, fuzz, preamp, power amp…) in Capture Fi...

Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when c...

Review UI code for Geist Design System compliance (Vercel's design system). Use when asked to "check Geist", "review des...

Applies Vercel's Geist design system colors, typography, materials, and brand guidelines to any artifact. Use when build...

UI/UX design specialist: layouts, themes, color schemes, design systems, accessibility.

Gemini CLI（Google）を使用してコードや文言について相談・レビューを行う。 トリガー: "gemini", "geminiと相談", "geminiに聞いて", "コードレビュー", "レビューして" 使用場面: (1) 文言...

Gemini-powered architecture blueprints and design patterns

Guide for implementing Google Gemini API image generation - create high-quality images from text prompts using gemini-2....

Guide for implementing Google Gemini API image understanding - analyze images with captioning, classification, visual QA...

Generate unit tests following project conventions. Use when the user asks to create, generate, or write tests for a file...

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion...

Nano Banana Pro (nano-banana-pro) image generation skill. Use this skill when the user asks to "generate an image", "gen...

Generate a Storybook story file for a React component with baseline, edge, and a11y-focused states. Triggers on 'make a...

Generate high-quality images and assets for components (hero sections, features, transformations) using Replicate's FLUX...

Based on existing docs styles and specific API implementations, and referencing same name stories, generate comprehensiv...

Generate, refactor, or update a DESIGN.md file, the Google Labs open format that documents a project's design system as...

Generate hierarchical site structure and navigation maps. Creates visual representations of information architecture and...

Pipeline skill — turns a URL or DESIGN.md into a concrete UI structure with decisions already made. Extracts live design...

Phase 2.5 of the SPEAKMAN.AI pipeline — run MCP_UX_DESIGN_V1 to map architecture and requirements into a UI screen inven...

ALWAYS read this skill before generating or editing any image, or calling image_generate — text-to-image or image-to-ima...

Generates Stitch screens from authored prompt files using MCP tools. Reads prompt sections, sends each to Stitch for gen...

How to render rich interactive HTML widgets inline in the chat or as standalone artifacts. Use this skill when you want...

Create algorithmic and generative art using mathematical patterns, noise functions, particle systems, and procedural gen...

Creates algorithmic music composition systems using procedural generation, Markov chains, L-systems, and neural approach...

Generate high-end UI/UX and dashboard systems using design tokens, micro-interactions, and reactive state; use when aske...

Design system and templates for Claude's built-in generative UI — the show_widget tool that renders interactive HTML/SVG...

Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. Scans the stack, proposes an int...

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

Paint a complete visual universe with genjutsu - art direction brainstorm, design system, implementation, audit. Anti-AI...

Transform supplied photos or written concepts into luminous Genshin Impact-inspired anime-fantasy imagery while preservi...

Trigger: design a screen or page, mockup, landing page, UI directions, artboards, try a different approach, design syste...

Trigger: product interface design, web UI, design critique, browsing experience, responsive layout. Guide usable interfa...

当任意 GEO 技能已产出分析报告 MD（审计/调研/竞品/可引用性/技术/绩效等）后，须用本 skill 生成同 basename 的专业 HTML 可视化报告（Chart.js、KPI 卡、CSS 动效）。监测专用仍用 geo-moni...

Render an interactive, self-contained HTML companion for a GEO content brief (04-content-brief) or a publish-ready draft...

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out...

Expert guide for maps and geospatial data (Mapbox GL JS, Leaflet, Google Maps, PostGIS) / Panduan ahli peta dan data geo...

UI layout and grouping should follow Gestalt principles so users immediately understand which controls, commands, and el...