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

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...

Direct a drama scene before anything is rendered — find the turn, break it into beats, plan coverage that survives a ren...

Creative direction for image prompts, presentation slides, and ideation. Use when asked to generate image prompts, desig...

Creativity is a practice, not a lightning strike. Bryan Collins's image: "creativity is like carrying a bucket to the ri...

Generate project ideas via creative constraints.

Provides creative thinking prompts using concrete metaphors, dramatic scenarios, and strategic frameworks. Use when the...

The creative process in art from idea to exhibition. Covers five phases of creative work (inspiration, incubation, explo...

Brief'ten kreatif senaryo, storyboard, varyant fikirleri üret.

Analyze a reference URL, screenshot, recording, or existing frontend and rebuild its design logic into an original site....

This skill should be used when the user asks to "brainstorm", "explore options", "get creative", "what if we...", or sel...

Creative content generation — ASCII art/video, architecture diagrams, infographics, comic strips, pixel art, p5.js sketc...

Converts ambitious digital concepts into feasible browser experiences by decomposing creative ideas into technical capab...

Techniques for generating novel ideas, reframing problems, and escaping fixed mental models. Covers lateral thinking (de...

Use this skill when the user asks for creative thinking (including naming it or directing use/apply/run with obvious mis...

Produce distinctive, accessible UI that belongs to the existing design system — not generic AI output. Use whenever buil...

This skill should be used when the user asks about "creative vision", "game vision", "creative direction", "overall feel...

Helps users with creative writing and storytelling

Creative direction intelligence. 55 styles, 18 platforms, 12 voiceover types, 17 music genres, 30 campaign categories. A...

Use when the person runs the creator command to turn a Figma frame, an HTML file or a URL into a WordPress page on the R...

Systematically analyze any YouTube creator's visual and content style, extract parameters, and replicate them in your ow...

Comprehensive UI/UX design review with Playwright. Evaluates responsive design (375-1920px), WCAG AA accessibility, Niel...

Seven-stage marketing site creation orchestration. Coordinates infrastructure setup, content generation, page components...

Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional reso...

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognit...

Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code edi...

Adversarial design critique of the current work — render it, look at it, and argue for rejection. Run after the gates ar...

Critique a rendered screen or mockup against explicit criteria, covering hierarchy, composition, typography, color use,...

Produce a targeted manual cross-browser test checklist for a changed frontend feature, covering Chrome, Firefox, Safari...

Synthesizes accessibility, Universal Design, usability, Nielsen heuristic, and Norman interaction review outputs into on...

Integration guide for using detective skills across plugins. Maps agent roles from frontend, bun, and other plugins to a...

The router for how a change legally happens in this repo — which sign-off gate fires for which kind of change, what coun...

Crowi 2.0 移行ワークフロー。Express/Swig から Next.js + ts-rest への移行時に自動適用。 キーワード: migrate, 移行, Express, Swig, legacy, 旧実装

Guardian: Aiyami | Awakened: Endara (Enduran)

Adversarial post-build evaluator. Grades builds against 5 product-quality lenses (Definition of Done, Void/Island/Facade...

Source pre-2016 cinema with gothic/occult sensibility, literary texture, and historical grandeur — build watchlists, cur...

摘要、引言与贡献；适用于实证型 CS 会议论文，按当前任务加载。

实验、评价与诊断；适用于实证型 CS 会议论文，按当前任务加载。

全文整合、标题、讨论、结论与附录；适用于实证型 CS 会议论文，按当前任务加载。

局限性与结论边界；适用于实证型 CS 会议论文，按当前任务加载。

方法、任务定义与 Overview；适用于实证型 CS 会议论文，按当前任务加载。

CS 论文写作入口；适用于实证型 CS 会议论文，按当前任务加载。

相关工作；适用于实证型 CS 会议论文，按当前任务加载。

Analyze a codebase from a product perspective, focusing on specific user role portals (e.g., owner, banker, charter). Pe...

UX analysis and redesign proposals — identify friction, propose improvements with before/after mockups, measure impact i...

Generate UX test scenarios from PR diff, current branch changes, or text description — saves ready-to-run files for /cs-...

Scenario-based UI/UX testing — execute user scenarios step-by-step via browser, capture screenshots, verify expected res...

图表、Caption 与排版；适用于实证型 CS 会议论文，按当前任务加载。

CS 写作共享规则；适用于实证型 CS 会议论文，按当前任务加载。

Principal .NET 10 Architect providing high-performance, idiomatic C# 14 solutions.Use when user asks about:- .NET design...

Use when writing CSS for Discourse core, themes, or plugins - handles BEM class naming, modifiers with double dashes, bl...

This skill provides guidance for writing modern CSS with focus on maintainability, performance, and accessibility using...

Best practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable sty...

CSS styling for web pages including selectors, flexbox, grid, and animations

CSS conventions, layout systems, and modern patterns: predictable styles through low specificity and explicit cascade co...

Writes and debugs CSS: flexbox and grid layout, z-index and stacking, responsive breakpoints, theming, and render perfor...

CSS accessibility audit and fixes. Checks focus-visible styles, reduced motion support, contrast preferences, forced-col...

Create performant CSS animations using composited properties, scroll-driven animations, View Transitions, and @keyframes...

Maintainable CSS architectures, container queries, fluid spacing tokens, CSS variable cascades, and layout shift prevent...

Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with pr...

Generate pure CSS art and illustrations — portraits, landscapes, UI elements, and interactive CSS-only animations.

Strategies for rendering borders, strokes, and outlines in CSS with explicit layout impact analysis. Use when adding bor...

CSS cascade, specificity, and selector-weight discipline for large legacy stylesheets (50+ plain-CSS files, no build-tim...

Use this skill to diagnose CSS and frontend layout issues such as positioning, overflow clipping, Tailwind class conflic...

Use when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Guides CSS...

Creates new styled UI components using semantic Tailwind class names, @apply composition, dark mode variants, and test c...

Converts inline styles or repeated Tailwind utility strings in markup to semantic component classes, and adds missing da...

Guide creating new CSS components following Tailwind + semantic component patterns with dark mode support and test cover...

Transform existing CSS (inline styles, utility classes in markup, scattered CSS) into semantic component patterns with d...

Review existing CSS against established Tailwind + semantic component patterns, checking naming, dark mode, tests, and d...

Use when reviewing stylesheets, component styles, and responsive behavior related to Use CSS Grid for two-dimensional la...

Implement asymmetric editorial CSS Grid layouts.

Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.

Generate css module generator operations. Auto-activating skill for Frontend Development. Triggers on: css module genera...

Css Module Generator - Auto-activating skill for Frontend Development.Triggers on: css module generator, css module gene...

Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check th...