Analyzes frontend codebase against Ring standards and generates refactoring tasks for ring:dev-cycle-frontend. Dispatches frontend-specific agents in ANALYSIS mode.
Start the backend (FastAPI/uvicorn) and frontend (Vite) development servers. Use when user mentions "start dev", "run servers", "launch app", "start the app", or needs to run the…
Scans a Go project and identifies the Service → Module → Resource hierarchy for dispatch layer registration.
Comprehensive Storybook skill for Vue 3 - story creation, auditing, component discovery, visual testing, and CI integration.
Comprehensive Storybook skill for Vue 3 - story creation, auditing, component discovery, visual testing, and CI integration.
Développement d'applications Svelte et SvelteKit avec réactivité native, stores, SSR, routing et transitions.
Linear チケット ID または自然言語で指定された開発タスクを、軽量(最小差分・過剰設計を避ける)かつ高品質(既存パターンに沿い、型/ビルド/テストが通る)に実装する。フロントエンド UI タスク(React TypeScript + Figma 起点)では、Figma MCP で仕様を抽出し Storybook + Playwright…
Create, modify, and maintain Vue 3 components with TypeScript and SCSS. Use when building Vue components, modifying .vue files, defining component props/emits, styling with SCSS,…
CREATE Vue 3 components with Composition API and TypeScript. Build reactive components, handle props/events, implement lifecycle hooks, and integrate with Vue Router.
Développement d'applications Vue.js 3 avec Composition API, Pinia, Vue Router, composants réactifs et bonnes pratiques.
Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with…
Údržba a aktualizace Klabis developer manuálu v docs/developerManual/. Použij tento skill kdykoli uživatel řekne "vytvoř developer manuál", "aktualizuj manuál", "doplň manuál o…
**[REQUIRED]** Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit applications.
Design stable APIs and interface contracts before implementation — REST/GraphQL endpoints, module boundaries, type contracts, FE/BE splits.
Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.
Look up CE.SDK Next.js reference docs, guides, and configuration pages.
Look up CE.SDK Svelte reference docs, guides, and configuration pages.
Look up CE.SDK SvelteKit reference docs, guides, and configuration pages.
Multi-format document parsing tools for PDF, DOCX, HTML, and Markdown with support for LlamaParse, Unstructured.io, PyPDF2, PDFPlumber, and python-docx.
Deep integration with Docusaurus for documentation site development. Configure projects, manage sidebars, versioning, i18n, develop plugins, and optimize builds for React-based…
Docusaurus is an open-source static site generator built with React, developed and maintained by Meta.
Use when extracting specific HTML elements (h1, h2, links, images, etc.), scraping page content, or inspecting DOM structure.
Creates production-ready .NET 10 Aspire projects with ASP.NET MVC + Razor + TypeScript frontend, REST API backend, Entity Framework, OpenTelemetry observability, and Polly…
Use Biome in .NET repositories that ship Node-based frontend assets and want a fast combined formatter-linter-import organizer for JavaScript, TypeScript, CSS, JSON, GraphQL, or…
.NET build for Photino apps: csproj config, MSBuild targets, frontend build integration, package refs, version pinning, common build errors.
Use Chous in .NET repositories that ship sizeable frontend codebases and want file-structure linting, naming convention enforcement, and folder-layout policy as a CLI gate.
Use HTMLHint in .NET repositories that ship static HTML output or standalone frontend templates. Use when a repo needs a focused CLI lint gate for DOM structure, invalid…
Use Metalint in .NET repositories that ship Node-based frontend assets and want one CLI entrypoint over several underlying linters.
Use SonarJS-derived rules in .NET repositories that ship JavaScript or TypeScript frontends and need deeper bug-risk, code-smell, or cognitive-complexity checks than a minimal…
Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.
Guides creation and modification of ASP.NET Core Web API endpoints with correct HTTP semantics, OpenAPI metadata, and error handling.
Use webhint in .NET repositories that ship browser-facing frontends. Use when a repo needs CLI audits for accessibility, performance, security headers, PWA signals, SEO, or…
Drupal coding standards for quick checks and detailed file-type reviews. Covers PHPCS, PHPStan, naming conventions, code style enforcement, and comprehensive per-file-type…
Automatically applies Drupal coding standards when developing PHP modules, JavaScript, CSS, SQL queries, Twig templates, or YAML configs.
Diagnose failed or unhealthy Dynamo deployments. Use when pods, model-cache jobs, PVCs, workers, frontend/router health, endpoints, or benchmark jobs fail; use…
GLATasks の e2e テスト(Playwright)実装リファレンス。 `app/tests/` 配下のテストファイルを編集するとき、または SvelteKit の hydration パターン・ ダイアログ操作・マルチブラウザ同期テスト・SSE 制御を扱うときに呼び出す。
World-class expert across full-stack, frontend, TypeScript, Python, Google Apps Script, testing, marketing, SaaS, Lean Six Sigma, and data analytics.
Modern edge-native web stack: Hono + htmx + UnoCSS + Cloudflare D1. Use when: building server-rendered apps with interactivity, rapid prototyping, CRUD apps, landing pages,…
精英前端设计工具专业版,面向团队的企业级前端设计系统。核心能力: - 多页面应用设计,统一视觉语言贯穿全站 - React/Vue 组件库生成,含 TypeScript 类型定义 - 高级动效编排,Framer Motion / Vue Transition 深度集成 - 品牌设计系统,色彩/字体/间距/组件规范化 - 设计令牌(Desi — from…
精英前端设计工具专业版,面向团队的企业级前端设计系统。核心能力: - 多页面应用设计,统一视觉语言贯穿全站 - React/Vue 组件库生成,含 TypeScript 类型定义 - 高级动效编排,Framer Motion / Vue Transition 深度集成 - 品牌设计系统,色彩/字体/间距/组件规范化 - 设计令牌(Desi — from…
Email template development with React Email and Tailwind CSS. Use when creating or modifying email templates, testing email rendering, or building email HTML from React components.
You are an expert in Ember.js, the opinionated frontend framework for ambitious web applications. You help developers build large-scale SPAs with Ember's…
Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization — from stevenke1981/agent-manager
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. — from engineering/frontend
Design, implement, or review AI-generated software changes with explicit architecture boundaries, stable contracts, single sources of truth, visible failures, maintainable…
Create an onboarding guide for an engineer joining a team that consumes the design system. Trigger when someone says: onboard new engineer, developer getting started guide, new…
Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration — from stevenke1981/agent-manager
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools.
Add visual features (thumbnails, badges, dynamic styling) to TypeScript components by coordinating TypeScript logic changes with CSS updates
CSS-first approach - use CSS before JavaScript. Triggers: レイアウト, スタイル, 位置, アニメーション, 表示/非表示, トグル, レスポンシブ, CSS Grid, Flexbox, transforms, transitions, CSSのみ, JavaScript不要, シンプル
Use compile-time validated environment variables with t3-oss/env-nextjs. Ensures type-safe access to environment variables with automatic validation at build time.
基于若依-vue-plus框架的后端全局异常处理规范。定义业务异常抛出、全局异常捕获、标准错误响应返回的完整规范体系。 确保系统错误统一处理,避免直接暴露堆栈信息,保障事务一致性和前后端交互的标准化。 触发场景: - 编写Service层业务逻辑需要抛出异常时 - 配置或修改GlobalExceptionHandler全局异常处理器时 -…
Aplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex: Poppins), cor laranja (#e26512), contorno preto via…
Create new event scraping scripts for websites. Use when adding a new event source to the Asheville Event Feed.
Comprehensive post-build verification of Shannon Framework's application outputs using three-layer methodology: Flow Verification (execution trace analysis), Artifact Ver — from…
Analisa comentários abertos de entrevistas de desligamento e pesquisas de engajamento (open-ends) extraindo temas, sentimento e sinais.
Expo React Native JavaScript best practices for clean code, functional components, performance optimization, and Expo Router navigation.
Install and wire @tanstack/react-query in Expo/React Native apps (providers, query client, fetch patterns, and screen usage).