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

Create a complete feature with ViewModel, View, and tests following Phoenix MVVM patterns. Use when building new UI feat...

Turn a PRD or idea into a low-fidelity mockup (screen inventory, wireframe spec with states and interactions, and a sing...

Build distinctive, production-grade frontend interfaces with high design quality. Use when building web components, page...

Create and edit UI components for Highrise Studio projects. You can't create or edit them without this skill.

Use this skill when creating dropdowns, context menus, or overlays that need a polished UX (open/close animation, click-...

Renders interactive HTML interfaces in chat using the render_ui tool. Use when the user asks to display UI, create a wid...

Implementation guide for creating well-formed Jira bug reports

Implementation guide for creating Jira epics with proper scope and parent linking

Implementation guide for creating Jira features representing strategic objectives and market problems

Implementation guide for creating Feature Requests in the RFE project

Implementation guide for creating well-formed Jira user stories with acceptance criteria

Implementation guide for creating Jira tasks for technical and operational work

Create a landing page, sales page or waitlist on Cloudflare with TanStack Start, shadcn/ui, a Lumail email form and an o...

Orchestrated movie creation for Horus persona. Guides through phases: Research → Script → Build Tools → Generate → Assem...

用于在 FlowGram demo-free-layout 中创建新的自定义节点，支持简单节点（自动表单）和复杂节点（自定义 UI）

Generate an offline-first Progressive Web App with Odoo Studio backend integration. Use when user wants to create new Od...

Create React components, hooks, and data-loading surfaces for the Measure of Success app following the modlet pattern. U...

TikTok/릴스용 숏폼 영상 스크립트 생성. 리서치 데이터를 기반으로 60초 이내의 후킹-본문-CTA 구조 스크립트를 작성합니다.

Guide for creating services in the backend. Use when asked to create a service layer component. Directs to the appropria...

API나 Figma 없이 독립 컴포넌트를 새로 제작합니다. Components/ 폴더에 재사용 가능한 컴포넌트를 만들 때 사용합니다. Use when creating reusable components from sc...

Break a single epic into implementable story files. Reads the epic, its GDD, governing ADRs, and control manifest. Each...

Creative writing orchestrator for Horus persona. Multi-phase workflow: Initial Thought → Research (movies, books, memory...

--- name: create-book

Transform screenplay output from /create-story into animatics with camera framing, visual panels, and timing. Highly col...

MDX記事に埋め込むSVG図版を作成する。モバイル視認性を最優先にした デザイントークン・レイアウトパターン・viewBox制約を適用。 Use when user asks to [SVGを作成, 図を作成, フロー図を作成, /crea...

Step-by-step workflow for creating a new theme. Use when asked to "create a theme", "make a new theme", or any request t...

Use this skill when creating a new React UI component. It provides a consistent Lumina-style template.

Plan UX design to inform architecture and implementation. Phase 2 Planning

Tạo một video MỚI cho series "so sánh / phân biệt kiến thức" của repo này — clip dọc TikTok/Reels/Shorts 30-40s, layout...

Master orchestrator that chains all Remotion video creation skills together in a single automated pipeline. Takes a crea...

Guide for implementing a new view type in Wave Terminal. Use when creating a new view component, implementing the ViewMo...

Nuxt 4プロジェクトで新しいVue 3コンポーネントを作成する際のテンプレートとガイドライン

Create an Excalidraw wireframe

Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. Renders bea...

Use before creating or editing plugin.json manifests, organizing .claude-plugin directories, or when user asks about plu...

Use before creating or editing any SKILL.md files, and immediately after making skill changes to verify quality. Invoked...

Use when configuring Karabiner-Elements keyboard customizations, before writing JSON - provides systematic workflow for...

Create EmDash CMS plugins with hooks, storage, settings, admin UI, API routes, and Portable Text block types. Use this s...

Guides creating GitHub pull requests with proper branch naming, commit messages, and PR descriptions. Use when asked to...

Creates, customizes, and troubleshoots Quarto Reveal.js presentations with proper SCSS theming, layout patterns, and ext...

Creating and customizing Streamlit themes. Use when changing app colors, fonts, or appearance, or aligning apps to brand...

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

Use when selecting UX research, wireframes, UI implementation or review, mobile design, visual direction, graphics, anim...

Creative deliverable tools for AI agents

Create or refine a creative brief that bridges discovery and execution. Use this skill whenever the user is starting a n...

Produce a creative brief grounded in live reference sites and deliberately distinct from existing demos, for any new bra...

Expert motion design and creative coding for the web -- the layer beyond static UI: scroll-driven animation, WebGL/canva...

Walk the user through four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambitio...