Каталог навыков агентов

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control...

Integra escenas Spline (editor 3D visual sin código) en React/Next.js: @splinetool/react-spline, eventos onSpline*, emit...

Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes witho...

You MUST use this before any creative work - creating features, proposing changes,building components, adding functional...

Builds a WebGL fragment-shader effect that looks like a three-ink screenprint reprinting itself, cycling through six bol...

Generate Spring Boot components following modern Java best practices and team conventions

Spring Boot 4 REST API implementation patterns. Use when creating REST controllers, request validation, exception handle...

This prompt instructs the AI to generate an Impressionist-style springtime artwork featuring the specified subject, rend...

スプリント計画の体系的な立案と実行管理を支援するスキル。チームキャパシティの可視化、タスク分解、リスク管理を通じて、価値提供と持続可能な速度（サステーナブルペース）を両立させる。Anchors:• Agile Estimating and...

Autonomously plan a CIDCA sprint in ClickUp — pull ready backlog tickets into the current (not-completed) sprint up to t...

Use this skill to generate well-branded interfaces and assets for Sprintable, either for production or throwaway prototy...

CSS sprite-sheet animation with stepping keyframes. Character walk cycle, loading spinner, or UI micro-animation. Use fo...

Generate game sprites, SVG characters, ASCII art, animated mascots, and isometric turnarounds from images or description...

Generate a parallel workstream plan for multi-agent Claude Code work. Decomposes a feature into independent workstreams,...

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

This prompt instructs an image-generation system to produce a photorealistic, portrait-oriented survival-thriller scene:...

Builds a squircle in React and SVG, a rectangle whose corners are a superellipse instead of a circular arc, so curvature...

Implement Semantic Retrieval Optimization for AI search visibility. Use when performing SRO audits, building entity maps...

Audit a component or page for accessibility issues and fix them

Generate a new UI component following the StyleSeed design conventions

Add appropriate user feedback states (loading, success, error, empty) to a component or page

Design user flows and navigation structure following proven UX patterns

Quick automated lint — detects common design system violations in seconds

Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × en...

Scaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and pro...

Generate a composed UI pattern from the active StyleSeed grammar and brand recipe using existing primitives.

Use when you have a PRD or requirement description and need a complete technical proposal before writing any code. Filte...

Compile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence,...

Review UI code for design system compliance, accessibility, and best practices

Generate an accessible semantic palette from a key color, or view, add, and modify StyleSeed design tokens. Use when a u...

Designs and structures the Movemental living SSOT dashboard (HTML/CSS/JS). Use when creating or refining the single-sour...

SSR-first Next.js App Router doctrine with zero layout shift. Use when creating a page or data-fetching UI, fixing CLS,...

Prevent width jitter when content changes dynamically, by reserving the width of every content the element can hold. Use...

Builds kinetic typography on Canvas 2D in which one line of capitals is stacked nine rows deep and every letter is its o...

Builds a kinetic-type poster on Canvas 2D, in which four lines of type on flat highlight bars hop in from the edges alon...

Between-sessions metaphysics-as-discipline. A six-question intake adapted from Lin & Corley's epistemic-stance.md — writ...

Migrate any left-panel to the Cinema panel standard — animated tab bar, always-visible search, filter icon toggle, thick...

Enforce Cinema design tokens and PanelSlider usage in all right-panel property editors. Use when creating or modifying a...

Index of official Android/Kotlin/Gradle docs, Now in Android and JetSnack references, and house patterns (UI events, act...

Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and s...

Write consistent, maintainable CSS following the project's methodology (Tailwind, BEM, utility classes, CSS modules) wit...

Create visually distinctive frontend interfaces that avoid generic AI-generated aesthetics. Apply when building landing...

Frontend component and UI development standards for modern React/Next.js applications. Includes React 19 patterns, Tailw...

Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design...

Use for UI/UX design, product flows, frontend or native interface design, design audits, design translation, asset plann...

Front door. Reads the current project (framework, tokens, brief, spec, harness) and reports what ui-craft can do right n...

Lesson 3.1: Join the Onboarding Space & Add Your First Entity - request membership to the shared Geo Onboarding Space an...

Lesson 4.1: Submit Your Proposal - publish your edit to the Geo Onboarding Space as a proposal and learn how community g...

Safely start any new piece of work on this site. Asks what you want to do in one line, creates a git branch so `main` is...

Starts the Orchestrator 3 Stream application (backend + frontend) in background mode. Use when the user asks to start or...

チケット（Linear / Jira）を読み、Kibela で調査し、ブランチを切って実装のたたきを作る

/start-work - Begin Working on a GitHub Issue

Linear multi-agent build pipeline with file hand-offs in production_artifacts/, run after /bdbrainstorm or /grill-me. Th...

Use when running the autonomous multi-agent build pipeline after /bdbrainstorm or /grill-me. Routes to the startcycle-di...

Fresh gradient-heavy startup aesthetic — bold hero, modern sans, investor-pitch energy, built to convert.

Generates all 6 required UI state variants for a screen per Phase 6 gate checklist

Plain-object Redux actions for the chota-react-saga template — three-phase async triples (REQUEST / SUCCESS / ERROR) per...

Systematic implementation of state-based button displays with navigation structures, modal triggering, and responsive la...

Reactにおける状態リフティングと状態配置判断を支援するスキル。兄弟コンポーネント間の状態共有、Prop Drilling削減、Context導入判断、Compound Componentパターンまで、React状態管理の全体像を扱う。A...

Models any UI, workflow, or agent behavior as an explicit state machine. Use whenever the user describes a component or...

Document UI component states (current vs expected) with transitions

Model complex UI flows using finite state machines to ensure deterministic behavior.

State management: own state minimally, avoid redundant/duplicate state, handle loading/error/empty/offline/optimistic UI...

Manage frontend application state predictably across local UI state, global app state, server state, cached data, loadin...

Expert-level state management with Redux Toolkit and Zustand using TypeScript. Handle complex application state includin...

When deciding where and how to store data in a modern web application.

Redux-Saga (generator-based) middleware for async side effects — yields declarative effects (call/put/select/takeLatest/...

Selector functions for the chota-react-saga template — colocated with each slice, return derived view-data from the saga...

Safely transition task state with validation and prerequisite checks

Standardizes UX states for data fetching flows (loading, error, empty, success) and complex multi-view UI patterns. Prov...

Keep status and error colours minimal and consistent — too many semantic colours confuse users. Each colour must mean ex...

When the user wants to create, optimize, or structure a status page. Also use when the user mentions "status page," "sta...

作業指示ごとに .steering/ 配下へ requirements/design/tasklist を作成し、tasklist.md を唯一の進捗ソースとして実装を推進する。計画（作成）/実装（ループ）/振り返り（記録）の3モードで運用...

Sticky and fixed positioning keeps critical UI persistent as the user scrolls — headers at the top, toolbars at the bott...

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured la...

Operate Google Stitch through an already configured Stitch MCP server. Use when the user explicitly mentions Stitch or a...

Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs,...

Guide for working with Google Stitch — AI-powered UI design generation, screen management, and design-to-code workflows...

Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attribut...

Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Sv...

Create a Stitch project and generate screens from a feature specification or user description. Calls Stitch MCP tools di...

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synth...

Generate professional UI designs using Google Stitch before building any frontend. Use this skill when building apps, we...

Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with...

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwi...

Classic skill for Google Stitch, opt-in: it runs only when called by name. Writes an agent-friendly DESIGN.md with stric...

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-gene...

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-gener...

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-gene...

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects de...

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plai...

Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this...

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and gener...

Converts Stitch designs into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming,...

Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through adapt...

Iteratively build multi-page websites using Stitch. Reads next-prompt.md (the baton), generates the next page with Stitc...

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Applies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design syst...

Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to futu...