Skills

All Skills

form

Skills tagged with #form

@MohmmedAshraf

inertia-react-development

Develops Inertia.js v2 React client-side applications. Activates when creating React pages, forms, or navigation; using <Link>, <Form>, useForm, or router; working with deferred props, prefetching, or polling; or when user mentions React with Inertia, React pages, React forms, or React navigation.

MohmmedAshraf/laravel-translations+2 more
19d ago
8030
@lochie

web-haptics

Add haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.

lochie/web-haptics
19d ago
2.2K0
@victorgarciaesgi

regle

Core skills for using Regle form validation in Vue.js. Provides setup, validation rules, and usage patterns.

victorgarciaesgi/regle+2 more
18d ago
4160
@DanielPodolsky

accessibility-fundamentals

Reviews accessibility including WCAG, ARIA, keyboard navigation. Use when junior builds forms, buttons, modals, interactive elements, or asks "is this accessible", "a11y", "screen reader".

DanielPodolsky/ownyourcode+11 more
18d ago
1470
@rob-balfre

dryui

Use when building UIs with DryUI (@dryui/ui) Svelte 5 components. Teaches correct patterns for compound components, theming, forms, and accessibility. Use the CLI as the default entry point; MCP mirrors the same workflow when available.

rob-balfre/dryui+1 more
16d ago
50
@SawyerHood

dev-browser

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.

SawyerHood/dev-browser
19d ago
3.9K0
@mcp-registry
MCP

Workspace Mcp

Google Workspace MCP server for Gmail, Drive, Calendar, Docs, Sheets, Slides, Forms, Tasks, Chat.

mcpgithubai
19d ago
0
@georgeguimaraes

ecto-thinking

This skill should be used when the user asks to "add a database table", "create a new context", "query the database", "add a field to a schema", "validate form input", "fix N+1 queries", "preload this association", "separate these concerns", or mentions Repo, changesets, migrations, Ecto.Multi, has_many, belongs_to, transactions, query composition, or how contexts should talk to each other.

georgeguimaraes/claude-code-elixir+5 more
19d ago
1250
@mcp-registry
MCP

Earnings Feed

SEC filings and insider trades in real-time. 10-K, 10-Q, 8-K, Form 4, and company lookup.

mcp
19d ago
0
@heisee
MCP

Letsclarify Mcp

Human-in-the-Loop API: AI agents create forms, share URLs with humans, get JSON back.

mcpgithubapiai
heisee/LetsClarify
19d ago
0
@mwbidwell
MCP

Bionicforms Mcp

Build forms, manage responses, and run AI analysis via the BionicForms API.

mcpgithubapiai
mwbidwell/Form_Builder
19d ago
0
@treefarmstudio

sapling-island

Guide for using the <sapling-island> web component to implement selective hydration and islands architecture. Use this skill when asked to use Sapling for an interactive section, contact form, or to add animations triggered by visibility or other loading strategies using sapling-island.

treefarmstudio/sapling
18d ago
360
@32bitsret
MCP

DemoStudio

Generate short-form video ads for Instagram Reels and TikTok from any AI assistant.

mcpgithubai
32bitsret/demostudio-mcp-server
19d ago
0
@marcus

create-modal

Create declarative modals using the modal library API. Covers modal types (confirm, input, select, form), sections (Text, Buttons, Input, Textarea, Checkbox, List, When, Custom), rendering with OverlayModal, and keyboard/mouse handling. Use when adding modals or dialogs to the application.

marcus/sidecar+11 more
18d ago
8390
@WenyuChiou

gemini-delegate

Use when the task is dominated by large-context reading, synthesis, long-form drafting, bilingual or CJK writing, or second-opinion review rather than bulk code generation. Typical triggers include English or Chinese summaries of large source material, cross-file synthesis, terminology alignment, release-note drafting, and reviewer-style passes over documentation or generated output.

WenyuChiou/gemini-delegate-skill
12d ago
340
@think41

extrasuite

CRUD on google workspace files - Sheets, Slides, Docs, Forms. Compose drafts in Gmail. Fuzzy search through Contacts. Manage Google Calendar and App Script projects.

think41/extrasuite
19d ago
1290
@VibiumDev

vibe-check

Browser automation for AI agents. Use when the user needs to navigate websites, read page content, fill forms, click elements, take screenshots, or manage browser pages.

VibiumDev/vibium
19d ago
2.7K0
@TheHotwireClub

hwc-navigation-content

Build Hotwire navigation and content-discovery flows: Turbo Frame pagination, tabbed navigation, lazy loading, faceted filtering/search, cache lifecycle, scroll restoration, and visit/render control. Prefer this skill when the core problem is request/response navigation state and browser history behavior. Use hwc-forms-validation for form validation and inline edit flows, hwc-realtime-streaming for WebSocket/Turbo Stream push updates, hwc-media-content for image/video/audio features, hwc-ux-feedback for generic loading/progress/transition polish, and hwc-stimulus-fundamentals for Stimulus APIs not centered on navigation.

TheHotwireClub/hotwire_club-skills+3 more
19d ago
490
@mcp-registry
MCP

PDF Kit

AI-powered PDF tools: fill forms via natural language

mcpai
19d ago
0
@openbotx

http-client

Make HTTP requests (GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS) to APIs and web services. Use when the user needs to call a REST API, fetch data from an endpoint, send form data, upload files, download files, or test HTTP services.

openbotx/openbotx+2 more
19d ago
830
@remix-run

react-router-data-mode

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.

remix-run/agent-skills+2 more
18d ago
1020
@jingerpie

shadcn-designer

Guide for building UIs with shadcn/ui components. Use when (1) creating or styling React components, (2) working with UI elements like buttons, inputs, selects, checkboxes, dialogs, sheets, popovers, tooltips, cards, tables, tabs, accordions, menus, dropdowns, badges, alerts, toasts, forms, calendars, carousels, sidebars, or any other UI component, (3) user mentions "shadcn", "ui components", or asks about component usage, (4) editing files in components/ui directory.

jingerpie/ocean-dataview
18d ago
570
@serpro69

analysis-process

Turn the idea for a feature into a fully-formed PRD/design/specification and implementation-plan. Use when you have a spec or requirements that needs implementation. Use in pre-implementation (idea-to-design) stages to make sure you understand the spec/requirements and ensure you have a correct implementation plan before writing actual code.

serpro69/claude-starter-kit+7 more
19d ago
740
@alejandroqh

browser39 — MCP Web Browser for AI Agents

You have access to browser39, a headless web browser that fetches pages and returns token-optimized Markdown. Use it to browse the web, fill forms, manage cookies and localStorage, and query the DOM.

alejandroqh/browser39+1 more
19d ago
270
@julien-blanchon

svelte5-best-practices

Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring Svelte 5 components and SvelteKit applications. Triggers on: Svelte components, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), event handling, SvelteKit data loading, form actions, Svelte 4 to Svelte 5 migration, store to rune migration, slots to snippets migration, TypeScript props typing, generic components, SSR state isolation, performance optimization, or component testing.

julien-blanchon/Montelimar
18d ago
860
@s87343472

backlink-pilot

Automated backlink submission toolkit. Use when user wants to submit a product to directory sites, awesome-lists, or search engines. Handles stealth browser automation, form filling, CAPTCHA solving, and submission tracking.

s87343472/backlink-pilot
18d ago
540
@xvirobotics

Doubao TTS — 豆包语音合成

Generate high-quality speech audio from text using Volcengine's Doubao TTS API. Supports short-form (real-time) and long-form (async, up to 100K characters) synthesis.

xvirobotics/metabot+5 more
18d ago
4580
@realcrabcut
MCP

Crabcut

Turn YouTube videos into short-form clips from any AI assistant

mcpgithubai
realcrabcut/crabcut-mcp-server
19d ago
0
@leejpsd

typescript-react-patterns

Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review. Use when the user works with TypeScript in React or Next.js: type errors, Props design, generics, API typing, SSR/CSR boundaries, hydration issues, form validation, state management, performance, or code review. Also use for "how should I type this?", "why does this type error happen?", or any architectural decision involving TypeScript in a frontend context.

leejpsd/typescript-react-patterns
19d ago
60
@LambdaTest

Kane CLI — Browser Automation Skill

Use `kane-cli` for **any task that requires a real browser**: navigating websites, clicking elements, filling forms, searching, testing web UI, taking screenshots, or verifying deployments.

LambdaTest/kane-cli
11d ago
50
@fugazi

a11y-playwright-testing

Accessibility testing for web applications using Playwright (@playwright/test) with TypeScript and axe-core. Use when asked to write, run, or debug automated accessibility checks, keyboard navigation tests, focus management, ARIA/semantic validations, screen reader compatibility, or WCAG 2.1 Level AA compliance testing. Covers axe-core integration, POUR principles (perceivable, operable, understandable, robust), color contrast, form labels, landmarks, and accessible names.

fugazi/test-automation-skills-agents+6 more
18d ago
530
@nicobailon

surf

Control Chrome browser via CLI for testing, automation, and debugging. Use when the user needs browser automation, screenshots, form filling, page inspection, network/CPU emulation, DevTools streaming, or AI queries via ChatGPT/Gemini/Perplexity/Grok/AI Studio.

nicobailon/surf-cli+1 more
18d ago
3420
@1102tools

bls-oews-api

Query the BLS Occupational Employment and Wage Statistics (OEWS) API for market wage data by occupation, geography, and industry. Trigger for any mention of BLS, Bureau of Labor Statistics, OEWS, OES, occupational wages, market wages, salary data, wage percentiles, median wage, mean wage, labor market rates, SOC codes, or geographic wage differentials. Also trigger when the user needs to compare wages across metro areas, benchmark contractor labor rates against market data, support IGCE development with market wage research, or validate price proposals against BLS data. Complements the GSA CALC+ skill (ceiling rates from awarded contracts) by providing independent market wage data from employer surveys. Together they form a complete pricing toolkit - BLS OEWS for what the market pays, CALC+ for what GSA contractors charge.

1102tools/federal-contracting-skills+19 more
18d ago
60
@laravel

laravel-best-practices

Apply this skill whenever writing, reviewing, or refactoring Laravel PHP code. This includes creating or modifying controllers, models, migrations, form requests, policies, jobs, scheduled commands, service classes, and Eloquent queries. Triggers for N+1 and query performance issues, caching strategies, authorization and security patterns, validation, error handling, queue and job configuration, route definitions, and architectural decisions. Also use for Laravel code reviews and refactoring existing Laravel code to follow best practices. Covers any task involving Laravel backend PHP code patterns.

laravel/boost+3 more
19d ago
3.3K0
@glhd

aire-development

Build and work with Aire forms in Laravel, including the fluent PHP API, data binding, validation, and customization.

glhd/aire
18d ago
5440
@open-mercato

backend-ui-design

Design and implement consistent, production-grade backend/backoffice interfaces using the @open-mercato/ui component library. Use this skill when building admin pages, CRUD interfaces, data tables, forms, detail pages, or any backoffice UI components. Ensures visual consistency and UX patterns across all application modules.

open-mercato/open-mercato+9 more
19d ago
1.1K0
@AIDotNet

blog-author

Research a topic deeply, plan a blog step by step, and write a long-form article with structured Markdown outputs in the current working directory. Supports multilingual writing, source tracking, metadata generation, and optional image insertion via available image tools.

AIDotNet/OpenCowork+5 more
19d ago
1650
@AkbarDevop

Job Apply

Fills out a job application form on the 5 ATS platforms this repo supports. Default is **dry-run** — the form is filled but not submitted.

AkbarDevop/ai-job-agent+9 more
12d ago
230
@softspark

a11y-validate

Validate code against accessibility standards: WCAG 2.1 Level AA, EN 301 549, and the European Accessibility Act (EAA / Directive EU 2019/882). Covers semantics, text alternatives, keyboard/focus, color/contrast, forms, media, ARIA, motion, mobile, and EAA documentation requirements. Framework-aware (React/Next/Nuxt/Astro/Gatsby/SvelteKit/Remix/Angular/Vue/React Native/Flutter/static HTML).

softspark/ai-toolkit+31 more
11d ago
1360
@obra

browsing

Use when you need direct browser control - teaches Chrome DevTools Protocol for controlling existing browser sessions, multi-tab management, form automation, and content extraction via use_browser MCP tool

obra/superpowers-chrome
18d ago
2020
@sergiodxa

frontend-accessibility-best-practices

Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.

sergiodxa/agent-skills+9 more
19d ago
750
@garrytan

browse

Fast headless browser for QA testing and site dogfooding. Navigate any URL, interact with elements, verify page state, diff before/after actions, take annotated screenshots, check responsive layouts, test forms and uploads, handle dialogs, and assert element states. ~100ms per command. Use when you need to test a feature, verify a deployment, dogfood a user flow, or file a bug with evidence. Use when asked to "open in browser", "test the site", "take a screenshot", or "dogfood this".

garrytan/gstack+18 more
18d ago
10.3K0
@quantumboost

Social Media Repurposer

Transforms long-form content into platform-specific social media posts for Twitter/X, LinkedIn, and Threads.

social-mediarepurposingmarketing
15d ago
0
@GodsBoy

Lossless Context Commands

You have access to a persistent, DAG-based conversation vault. Every message from every session is preserved in SQLite. Summaries form a directed acyclic graph — nothing is ever deleted.

GodsBoy/lossless-code
19d ago
50
@Company-Gibraltar
MCP

Io.Github.Company Gibraltar/Company Gibraltar

Gibraltar company tools: corporate tax, compliance deadlines, and PDF form generation.

mcpgithub
Company-Gibraltar/company-gibraltar-mcp
19d ago
0
@N-O-P-E

Cloudflare Connect — Subdomain + Hosting-Platform Wiring

Points a subdomain at a hosting platform (Railway, Vercel, more) by driving two browser dashboards: the platform's custom-domain form, and Cloudflare's DNS editor. End-to-end, click-by-click.

N-O-P-E/nope-marketplace+1 more
18d ago
70
@yavorsky

unbuilt

Detect the full technology stack of any website by URL. Returns framework, UI library, bundler, state management, styling, tables, animations, forms, API patterns, monitoring, analytics, and more. Use when a user asks to analyze a website's tech stack, build something similar to an existing app, or understand what technologies a site uses.

yavorsky/unbuilt.app
19d ago
1220
@wsimmonds

nextjs-advanced-routing

Guide for advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions, error boundaries, draft mode, and streaming with Suspense. CRITICAL for server actions (action.ts, actions.ts files, 'use server' directive), setting cookies from client components, and form handling. Use when requirements involve server actions, form submissions, cookies, mutations, API routes, `route.ts`, parallel routes, intercepting routes, or streaming. Essential for separating server actions from client components.

wsimmonds/claude-nextjs-skills+4 more
18d ago
770
@open-agreements

canonical-markdown-authoring

Convert plain markdown contract drafts into OpenAgreements' canonical `template.md` authoring format. The canonical form is a single lawyer-editable file that compiles to a validated JSON contract spec plus a rendered DOCX via the shared template renderer.

open-agreements/open-agreements+11 more
9d ago
310
@mcp-registry
MCP

PDF Kit

AI-powered PDF tools: fill forms, merge, extract data, and split PDFs

mcpgithubai
19d ago
0