Web & Frontend

promovaweb Bundle

Implementar e revisar Tailwind CSS com tokens, variantes, responsividade, dark mode, container queries e CSS sustentável. Use quando houver tailwindcss ou utilitários Tailwind em templates; confirme a versão porque configuração e diretivas diferem entre gerações.

promovaweb Bundle

Implementar e auditar acessibilidade web com WCAG, HTML semântico, teclado, foco, nomes acessíveis, contraste, zoom e tecnologias assistivas. Use para componentes, páginas, formulários, dashboards e revisões de conformidade; automação não substitui teste manual.

synapseradio Bundle

Visualize data, concepts, relations, or diagrams. Produces browser-runnable HTML charts and markdown outputs that drop into pull requests, READMEs, tickets, and chat. Use whenever the user asks to visualize anything, make a chart or diagram, plot a trend, compare numbers, show a flow or timeline, or pick the right chart type.

craftos-dev Bundle

Advanced debugging assistance and error analysis. Use this skill when the user encounters bugs, errors, crashes, or unexpected behavior in their code. Covers systematic 7-step debugging methodology, language-specific debugging tools (JS/TS, Python, Swift, CSS, Network), git bisect, common error patterns, and quick diagnostic commands.

heyeddi-com Bundle

Runs npm run build to catch Vite/Rollup failures before merge. Use when validating frontend changes or in CI pre-merge loops.

heyeddi-com Bundle

Runs pre-merge checks (backend + frontend + optional UI audit). Any FAIL exits 1 (hard stop). Use when QA approves a PR or before merge to main.

heyeddi-com Bundle

Ensures HeyEddi Flutter projects have the right engineering stack: Flutter (Riverpod, go_router, Material 3), FastAPI backend, or Firebase tooling. Audits gaps, scaffolds as needed, runs flutter test/analyze, documents local dev servers. Use when frontend is Flutter or before design/feature work on a HeyEddi mobile/web app.

heyeddi-com Bundle

Ensures HeyEddi projects have the right engineering stack: Vue (Vite/Vitest), FastAPI backend, or Firebase tooling. Audits gaps, scaffolds as needed, installs deps, runs tests, documents local dev servers. Use when the repo is thin or before design/feature work on any HeyEddi app.

heyeddi-com Bundle

Syncs a local FastAPI OpenAPI file to TypeScript types and reads Firestore schema hints. Use when writing Vue composables against FastAPI or Firebase backends.

heyeddi-com Bundle

Scans token and component usage patterns from a golden reference page and diffs violations on other routes. Use when spreading a well-built page's patterns across the app in PR-sized chunks.

heyeddi-com Bundle

Ensures HeyEddi projects have the right engineering stack — Vue (Vite/Vitest), FastAPI backend, or Firebase tooling. Audits gaps, scaffolds as needed, installs deps, runs tests, documents local dev servers. Use when the repo is thin or before design/feature work on any HeyEddi app.

heyeddi-com Bundle

Syncs FastAPI OpenAPI schema to TypeScript types and reads Firestore schema hints. Use when writing Vue composables against FastAPI or Firebase backends.

heyeddi-com Bundle

Enforces PrimeVue + project design tokens when editing Vue or CSS. OpenProps rules apply only when the project already uses open-props. Runs vue-tsc and stylelint when available.

heyeddi-com Bundle

Ensures HeyEddi Flutter projects have the right engineering stack — Flutter (Riverpod, go_router, Material 3), FastAPI backend, or Firebase tooling. Audits gaps, scaffolds as needed, runs flutter test/analyze, documents local dev servers. Use when frontend is Flutter or before design/feature work on a HeyEddi mobile/web app.

vetcoders Bundle

Screenscribe workflow skill for analyzing screencast recordings and for working inside the Screenscribe repo itself. Use this whenever the user mentions Screenscribe, screencast review, app review videos, bug demo recordings, HTML Pro reports, transcript-first artifact extraction, extracting actionable findings from narrated videos, batch video analysis, or wants to debug/build/improve the Screenscribe project or the default https://github.com/vetcoders/Screenscribe repository. Prefer this skill even if the user does not explicitly ask for "Screenscribe" but clearly wants a spoken screen recording turned into structured engineering findings.

whb786200 Bundle

「工程人的每一天」公众号全自动发布 Skill。支持 Markdown→HTML 转换、封面图生成、草稿箱推送、一键发布。安装即用，零配置。

wulaosiji Bundle

知识库文档验证子技能 / Feishu wiki document verifier sub-skill. 使用 Playwright 验证飞书知识库文档是否创建成功并可正常访问，截图留证。 Use when: "验证知识库文档", "verify wiki document", "知识库可访问性检查", "wiki accessibility check", "Playwright验证知识库", "playwright wiki verification", "知识库文档截图", "wiki document screenshot". 内部组件，由 feishu-wiki-orchestrator 编排调用，使用不同于生成路径的方式回读验证。Cross-references: feishu-wiki-orchestrator, feishu-doc, feishu-logger. Built by UniqueClub 🌐 https://uniqueclub.ai

leoyishou Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

pa1nrui1 Bundle

在法律业务 Skill 生成正文或要素式字段后、法律文书模板与导出生成本地 Word 前触发。用于审查 draft.html/preflight-meta.json 或 complaint-data.json/fill-plan.json、读取复查摘要、法规校验摘要、来源边界和用户确认记录，决定是否可以进入正式 DOCX 导出；发现问题后必须闭环推进到业务 Skill 整改、用户确认或材料读取流程。

pa1nrui1 Bundle

统一处理法律工作中最终需要输出本地 Word（.docx）的文书、报告、清单、笔录、意见书、函件、合同和正式交付文件。由法律工作总控强制路由调用；业务 Skill 负责正文和法律判断，本 Skill 负责选择格式 profile、接收语义 HTML 或要素式填充数据、导出 DOCX、结构体检和兜底模板。

telerik Bundle

Expand vague or minimal UI requests into rich, specific design briefs before generating Kendo components. Trigger whenever a user asks to build ANY kind of user interface using Kendo, and the request lacks specific layout, data, or component details — dashboards, apps, forms, portals, landing pages, e-commerce views, social feeds, chat interfaces, settings screens, onboarding flows, or any other UI. Skip when the user already provides a detailed spec. This skill decides WHAT to build; the Kendo design/styling skill decides HOW to style it.

telerik Bundle

Expand vague or minimal UI requests into rich, specific design briefs before generating Telerik components. Trigger whenever a user asks to build ANY kind of user interface using Telerik, and the request lacks specific layout, data, or component details — dashboards, apps, forms, portals, landing pages, e-commerce views, social feeds, chat interfaces, settings screens, onboarding flows, or any other UI. Skip when the user already provides a detailed spec. This skill decides WHAT to build; the Telerik design/styling skill decides HOW to style it.

telerik Skill

Searches for icons in the KendoReact icon library. Use when the user needs an icon for a specific action, concept, or UI element, or asks about available icons. Trigger on "find icon", "what icon", "icon for", "search icons", "Kendo icons", "SVG icon", "icon library", or when implementing icon-only buttons, decorative icons, or navigation icons.

telerik Bundle

Retrieves documentation, API reference, and code examples for KendoReact components. Use when the user asks about a specific Kendo component, needs API reference, asks how to use a component, wants code examples, or mentions component names like DataGrid, Chart, Scheduler, DatePicker, DropDownList, Form, Button, Dialog, Editor, etc. Trigger on "how do I use", "what props does", "KendoReact component example", "component docs", "/kendo", "/ask_kendo", "@kendo". One call per component — do not batch multiple components into one query.

telerik Bundle

Retrieves documentation, API reference, and code examples for Kendo UI for Angular components. Use when the user asks about a specific Kendo component, needs API reference, asks how to use a component, wants code examples, or mentions component names like Grid, Chart, Scheduler, DatePicker, DropDownList, Forms, Button, Dialog, Editor, etc. Trigger on "how do I use", "what inputs does", "Kendo Angular component example", "component docs", "/kendo", "/ask_kendo", "@kendo". One call per component — do not batch multiple components into one query.

telerik Bundle

Retrieves accessibility guidance for KendoReact components including WCAG 2.2 Level AA guidelines and component-specific ARIA, keyboard navigation, and focus management information. Use when implementing accessible KendoReact components, auditing for accessibility compliance, or needing WCAG guidance.

telerik Bundle

Retrieves documentation, API reference, and code examples for Telerik UI for Blazor components. Use when the user asks about a specific Telerik component, needs API reference, asks how to use a component, wants code examples, or mentions component names like TelerikGrid, TelerikChart, TelerikScheduler, TelerikDatePicker, TelerikDropDownList, TelerikForm, TelerikButton, TelerikDialog, etc. Trigger on "how do I use", "what parameters does", "Telerik component example", "Telerik component docs", "/telerik", "/ask_telerik", "@telerik". One call per component — do not batch multiple components into one query.

telerik Bundle

Retrieves accessibility guidance for Kendo UI for Angular components including WCAG 2.2 Level AA guidelines and component-specific ARIA, keyboard navigation, and focus management information. Use when implementing accessible Kendo UI for Angular components, auditing for accessibility compliance, or needing WCAG guidance.

telerik Bundle

Retrieves accessibility guidance for Telerik UI for Blazor components including WCAG 2.2 Level AA guidelines and component-specific ARIA, keyboard navigation, and focus management information. Use when implementing accessible Telerik Blazor components, auditing for accessibility compliance, or needing WCAG guidance.

anton-abyzov Skill

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.

anton-abyzov Skill

CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that HyperFrames must seek deterministically during preview and rendering.

nativ3ai Bundle

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

nativ3ai Bundle

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

filippodesilva Bundle

Configure Next.js cache layers, invalidation, and cache-component APIs. Use when choosing `fetch` caching, `use cache`, tags, or stale-data debugging in Next.js.

filippodesilva Bundle

Write Jest or Vitest unit tests with React Testing Library and Playwright E2E tests for Next.js projects. Use when testing components with RTL, mocking APIs with MSW, or creating Playwright user flow tests.

filippodesilva Bundle

Configure Next.js build tooling, deployment, and developer workflow. Use when setting up Turbopack, standalone Docker output, bundle analysis, CI caching, environment variable validation, or ESLint integration for Next.js projects.