form-patterns
481emanueleielo/deepagents-open-lovable
Skill Claude CodeCodex
Form handling with React Hook Form and Zod validation.
20,540 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
emanueleielo/deepagents-open-lovable
Skill Claude CodeCodex
Form handling with React Hook Form and Zod validation.
Agent OpenCode
Agent "css" from LeXwDeX/OpenCode-GraphAgent, covering example of correct implementation, reusable components and key clarifications.
Cursor rule Cursor
Shared Svelte testing guidance.
MickeyAlton33/web-designer-plugin
Plugin Claude Code
Bundles 1 skill, 1 command · 90 tokens together
Transforms AI code generation into award-winning web design. Injects real design thinking, creative patterns, and anti-AI-aesthetic techniques extracted from 38 of the world's best-designed websites.
Skill Claude CodeCodex
Guidelines and best practices for building modern, state-of-the-art web applications using the htag v2 framework.
Skill Claude CodeCodex
Comprehensive skill reference for uni-app cross-platform development framework.
HorusGoul/eslint-plugin-react-render-types
Skill Claude CodeCodex
Install and configure eslint-plugin-react-render-types in a TypeScript React project. Use when: (1) adding eslint-plugin-react-render-types to a project, (2) configuring ESLint flat config with typed linting for @renders support, (3) troubleshooting typed linting errors or plugin configuration, (4) setting up…
wsimmonds/claude-nextjs-skills
Skill Claude Code
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…
Skill Claude CodeCodex
Use whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from @/components/agent-elements/ or the project has that folder on disk. Triggers: "agent chat", "tool call UI", "streaming chat", "plan approval", "AgentChat"…
MCP server Claude CodeCodexCursor +2
MCP server "winforms-mcp" as configured in sillsdev/FieldWorks. Launched with cmd /c npx -y @fnrhombus/winforms-mcp. Needs 3 environment variables to run.
Skill Claude CodeCodex
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Skill Claude Code
Migrate a React @tanstack/react-form codebase from the prop-drilled useForm + erased-form-type pattern to the official createFormHook composition API (useAppForm / withForm / field.X). Use when a project threads a form object (often cast to an any-erased type like ReactFormExtendedApi ) through field-wrapper…
Plugin Claude Code
Bundles 1 skill, 2 commands · 151 tokens together
ScrollCraft (scrollcraft.space): build cinematic scroll-driven websites on your own machine. Turns a video, an image sequence or a generated background into a scroll-scrubbed canvas site, checks what renders in headless Chrome, and emits a static bundle any host can serve.
MCP server Claude CodeCodexCursor +2
MCP server for SAPUI5/OpenUI5 development. Runs locally from the @ui5/mcp-server npm package. Needs 5 environment variables to run.
Cursor rule Cursor
Refer to AGENTS.md for the full set of principles.
jaywilburn/refactoring-ui-skill
Skill Claude CodeCodex
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…
Skill Claude Code
Mock-first, layer-by-layer feature development. Instead of building a feature end-to-end and hoping the interface works, start by mocking at the user-facing surface with realistic data, get user acceptance on the experience, then deepen one complexity layer at a time with TDD. Everything is anchored on disk so work…
Skill Claude CodeCodex
Class-based state backbone for UI apps (Expressive MVC) - reactive MVC in plain classes that React or @expressive/dom renders. Use when writing or refactoring React state - converting useState/useEffect/useMemo hooks, fixing prop drilling, choosing state ownership (Model vs Component, has-pool domain rows, region…
Plugin Claude Code
Bundles 33 skills, 40 agents · 3,499 tokens together
DDD-driven development skills, sub-agents and workflow commands for Rust, React, miniapp, Flutter, Chrome Extension, and Shopify App projects.
Skill Claude Code
Builds or changes a ViraStack Start ready module (installed with npx virastack add ) end to end, from the registry source in this repository to its page on virastack.com (/start/features/ ), whose sections are a live preview with a Code tab and a copyable prompt, Modülde neler var and Nasıl kullanırsın. Use when…
Skill Claude CodeCodex ✓ vendor
Edit src/data/raw-api-instructions/{api}.md in shopify-dev-tools, then run: npm run generateagentskills (outputs to distributed-agent-skills/) -->.
Skill Claude CodeCodex
Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design, components, performance, and UX psychology. Use when building UI, reviewing design quality, choosing design tokens, or making any visual design decision.
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
Skill Claude CodeCodex
These are the ONLY events that work for updating widgets. Use sendevent tool with these event types.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: