Web & Frontend

yigityildiz0 Skill

Apply a preservation-first workflow to read, create, edit, and validate Word DOCX documents while protecting structure, styles, relationships, accessibility, and existing user content. Use when the user asks for this workflow or needs an additional DOCX validation checklist alongside installed document tooling. Turkish triggers: Word belgesi oluştur veya düzenle, DOCX incele, biçim ve sayfa düzenini doğrula.

yigityildiz0 Bundle

Apply a narrative-first workflow to plan, write, build, and validate strategic presentations and HTML slide decks with responsive layouts, design tokens, data visualization, speaker-ready copy, and accessible exports. Use when the user requests this workflow or wants an additional slide-quality pass alongside installed presentation tooling. Turkish triggers: sunum oluştur veya düzenle, slayt akışı ve görsel kalite, PPTX'i doğrula.

yigityildiz0 Bundle

Implement and refine accessible, responsive interfaces using an existing component system or utility CSS, with strong state coverage, semantic tokens, dark.

hassaan146 Skill

Generate an interactive financial dashboard as a self-contained HTML file with Apple Swiss design. Includes sliders to adjust income and expenses in real-time, donut chart breakdown, 12-month savings projection with investment scenarios, milestone tracker, and benchmark comparisons. Use this skill when the user says "budget dashboard", "financial dashboard", "interactive budget", "budget app", "visualize my budget", "budget planner", "where's my money going", "savings dashboard", or any variation of wanting to see their finances visually.

hassaan146 Bundle

31-area production-readiness standard for AI-generated apps, APIs, backends, agents, and MCP servers. Part 1 — Security (1–18): secrets+rotation, rate limiting, input validation, auth+RBAC/IDOR, SQL, CORS, headers, uploads, error handling, dependencies+supply-chain, XSS, deploy gate, AI/LLM risks (direct + indirect prompt injection, tool-use authz, PII redaction, cost attacks), SSRF, CSRF, webhook/inbound security, logging+PII, secret scanning. Part 2 — Engineering & Product (19–31): architecture, scalability+caching, cost, testing, data integrity+idempotency, UX/accessibility (WCAG 2.2 AA), maintainability, legal/privacy, ops readiness+observability, AI reliability, CI/CD gates, threat modeling, resilience, safe rollout. Part 3 — Architecture, Modularity & Documentation per app type.

hassaan146 Skill

Generate beautiful self-contained HTML pages that explain any concept visually

hassaan146 Skill

Map any system or workflow as a beautiful interactive HTML diagram

nota-america Bundle

A harness that makes Opus (or any Claude model) behave like Fable — it enforces seeing a task through to the end, with evidence and verification, as procedure. Use when starting a multi-step task (2+ sequential stories), long autonomous work, debugging or root-cause investigation, building render/executable artifacts (HTML, SVG, games, charts), or when the user says "fablize", "see it through", "verify as you go", "split into goals".

nota-america Skill

HTML-mode presentation pipeline usable in Codex and Claude Code. Build semantic slide-XX.html files, generate bespoke hero/accent imagery with slides-grab image, run the design gate, and export. Use when the deck needs editable, searchable, accessible text or when no existing template must be matched pixel-for-pixel.

nota-america Bundle

Stage 2 design skill usable in Codex and Claude Code. Generate and iterate slide-XX.html files in the selected slides workspace.

nota-america Bundle

Prepare Azure apps for deployment (infra Bicep/Terraform, azure.yaml, Dockerfiles). Use for create/modernize or create+deploy; not cross-cloud migration (use azure-cloud-migrate). WHEN: "create app", "build web app", "create API", "create serverless HTTP API", "create frontend", "create back end", "build a service", "modernize application", "update application", "add authentication", "add caching", "host on Azure", "create and deploy", "deploy to Azure", "deploy to Azure using Terraform", "deploy to Azure App Service", "deploy to Azure App Service using Terraform", "deploy to Azure Container Apps", "deploy to Azure Container Apps using Terraform", "generate Terraform", "generate Bicep", "function app", "timer trigger", "service bus trigger", "event-driven function", "containerized Node.js app", "social media app", "static portfolio website", "todo list with frontend and API", "prepare my Azure application to use Key Vault", "managed identity".

yigityildiz0 Bundle

Design, implement, migrate, and validate scalable token and component systems with primitive, semantic, and component layers; themes; states; accessibility.

yigityildiz0 Skill

Apply a concise decision-focused playbook to design, implement, critique, or validate charts with correct encodings, annotations, accessibility, and source context. Use when the user asks for this playbook or needs a lightweight second-pass chart review alongside installed visualization skills. Turkish triggers: veriyi görselleştir, doğru grafik seç, chart tasarla, görsel veri anlatımı.

onfire7777 Bundle

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like "the xlsx in my downloads") — and wants something done to it or produced from it. Also trigger for cleaning or restructuring messy tabular data files (malformed rows, misplaced headers, junk data) into proper spreadsheets. The deliverable must be a spreadsheet file. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, database pipeline, or Google Sheets API integration, even if tabular data is involved.

05-deepak-patidar Skill

Making software feel finished — UI states, forms, mobile, errors users can act on, accessibility, and the polish gap between "works" and "quality product". Use when building any user-facing screen or flow, reviewing UX, handling forms/validation, or when the user says "polish", "UX", "user experience", "looks unfinished", "empty state", "mobile", or "make it production quality".

05-deepak-patidar Skill

Designing HTTP/REST APIs, request/response shapes, error formats, versioning, pagination, idempotency, and webhooks. Use when adding or changing endpoints, integrating a frontend with a backend, designing public or partner APIs, or when the user says "API design", "endpoint", "REST", "contract", "breaking change", or "webhook".

05-deepak-patidar Skill

Measurement-first performance work — backend latency, database queries, frontend load times, memory, cost. Use when something is slow, when optimizing, before adding caches, or when the user says "performance", "slow", "optimize", "speed up", "latency", "memory", "N+1", or "page load".

bk202503 Skill

Review React (functional component + hooks) code before you PR for common regressions. `useEffect` dependency-array bugs, stale closures in event handlers, `useState` set-with-stale-value, over-memoization, list `key` anti-patterns, async effect cleanup leaks, and Rules-of-Hooks violations that a lint pass missed. Triggers include "review this React code", "check my hooks", "why does my effect run twice", "am I using useMemo right".

bk202503 Skill

Review Next.js App Router code before you PR for common regressions. Server/client component boundary mistakes, `fetch` cache/revalidate misuse, `params`/`searchParams` async in Next 15+, server-only secrets leaking into client bundles, hydration mismatches, and route handler pitfalls. Triggers include "review this Next.js code", "check my app router page", "why is my page hydrating twice", "server component review".

bk202503 Skill

The frontend counterpart to `pr-impact-scan`. Before you PR a change to a React / Next.js / SPA codebase, enumerate the concrete performance regressions the diff introduces. New heavy imports, client-bundle bloat from server-to-client migration, list rendering without virtualization or keys, images without dimensions (CLS), fonts without preload (LCP), RSC network waterfalls, and hydration-mismatch risk. Produces a ranked list of blockers vs nits with file:line citations. Triggers include "perf review this PR", "will this ship slow", "check bundle impact", "frontend impact scan", "why did LCP regress".

bk202503 Bundle

Review changed JSX and TSX files for React Hooks regressions. Use during a diff review when React functional components or hooks changed.

bk202503 Bundle

Review changed Next.js App Router files for server/client boundary, caching, routing, and secret-exposure regressions. Use when app routes, middleware, or Next.js TSX changed.

cor-incorporated Skill

Opinionated UI constraints for Tailwind CSS, accessibility, animation, and layout. Use when building, reviewing, or fixing UI components. Triggers: 'review this component', 'check UI quality', 'build a form/modal/dialog', 'fix animation jank', 'accessible button'. Do NOT use for backend logic, API design, or database work.

xu-xiang Bundle

后端架构模式、API 设计、数据库优化以及适用于 Node.js、Express 和 Next.js API 路由的服务端最佳实践。

xu-xiang Bundle

React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。

xu-xiang Skill

使用 Nutrient DWS API 进行文档处理、转换、OCR、提取、脱敏、签名以及表单填充。支持 PDF、DOCX、XLSX、PPTX、HTML 和图像格式。

first-fluke Bundle

Quality assurance specialist for security, performance, accessibility, comprehensive testing, and quality standard alignment. Use for test, review, security audit, OWASP, coverage, lint work, and ISO/IEC 25010 or ISO/IEC 29119-aligned QA recommendations.

first-fluke Bundle

HTML presentation deck generator and multi-format exporter. Generates distinctive, animation-rich HTML decks at a fixed 1920×1080 stage, then deterministically validates, bundles, and exports them to PDF/PNG/PPTX via the `oma slide` CLI. Use for slide, deck, presentation, slides, pptx, keynote, 슬라이드, 발표자료, プレゼン, 幻灯片 requests. Produces self-contained single-file HTML with keyboard/touch nav, speaker notes, and print-to-PDF support.

first-fluke Bundle

Mobile specialist for Flutter, React Native, and Swift native iOS development. Use for mobile app, Flutter, Dart, React Native, Swift, SwiftUI, iOS, Android, Riverpod, swift-openapi-generator, and widget work.

first-fluke Bundle

Guide for coordinating PM, Frontend, Backend, Mobile, and QA agents on complex projects via CLI. Use for manual step-by-step coordination and workflow guidance.

galihadiprayoga Skill

Use when converting monolithic HTML/CSS templates into modular section architectures, replicating designs with 100% visual fidelity from reference images, purging all third-party vendor branding (e.g., Viding), integrating Framer Motion spring animations into standalone vanilla web applications, or creating automated build pipelines for multi-section static templates.

galihadiprayoga Skill

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns.

cor-incorporated Skill

Diagnose and fix Supabase + Next.js App Router bugs on Vercel serverless. Use when: "Vercel 404/500", "Supabase RLS error", "pre-commit not found", "serverless state lost", "hydration error #418", "API works locally but not on Vercel", "env vars not working on Vercel", "NEXT_PUBLIC_ not available at runtime". Do NOT use for: general Next.js UI bugs, Supabase schema design, or non-Vercel deployments.

abchoudh-amd Bundle

Produces a diagram-centric high-level design under `./design/`, built on Mermaid component, flow, sequence, data-model, class, or state diagrams plus architecture rationale. Use for HLDs, architecture and system diagrams, flowcharts, or design visualization.

onfire-ai Bundle

Generate a full client-grade Competitor Intelligence Brief for a single competitor company. The window is configurable - the last completed calendar quarter (default) or the trailing 12 months. Produces an A4 HTML and optional PDF in a McKinsey-style consulting layout. The brief covers org reshape, hires, leavers, open job postings, customer acquisition motion by industry, market sentiment, GitHub footprint, vendor-trust events, an evidence wall of verbatim third-party quotes, and a Company Reference Card. Use this skill whenever the user asks to "build a competitor brief", "competitive intelligence on X", "deep dive on competitor X", "Nexagon-style report on X", "scan competitor X for the last quarter", "12-month view of competitor Y", "what's happening at competitor Y", or any phrasing that mixes a vendor name with a request for an analytical multi-section report on their org and market posture.

iberi22 Bundle

前端开发专家 - React/Vue/Angular、UI 实现、性能优化