form-graph-port
Port an existing form (a data-graph graph, or a bespoke RHF+zod form like model training) to the form-graph library. Use when asked to move a form's field…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,339 results
blocknote
Work with BlockNote, a block-based rich text editor for React. Use when the user mentions "blocknote", "BlockNote editor", "block-based editor",…
advanced-css-effects
Advanced CSS visual effects: clip-path, masks, backdrop-filter, filters, blend modes, @property, scroll-driven animations, CSS 3D transforms and Houdini. USE…
three-js
3D graphics in the browser with Three.js and React Three Fiber (R3F). Covers the R3F Canvas, core concepts, the useFrame loop, geometries, materials,…
competitor-watch
Extract and compare structured data from competitor or benchmark websites
site-auditor
Audit website SEO, links, and accessibility using CF Browser Rendering
genesis-orchestrator
Autonomous project orchestration protocol for Next.js full-stack builds. Triggers on "build", "implement", "create feature", "plan", "architecture", or when…
scientific-luxury
Design system enforcement for Scientific Luxury tier UI. Triggers on "design", "UI", "component", "styling", "animation", or when creating React components.…
verification-first
Hard verification gate — no task is complete without proof it works (Next.js/Supabase stack)
visual-excellence-enforcer
>
clickhouse-diagnostic
Analyse a ClickHouse support-diagnostic bundle (clickhouse_backup_*.tar.gz or its extracted folder: system.* JSONL dumps, dashboard.html, host_info.json,…
plotting
Create standardized charts and visual assets from analytics query results. Prefer dependency-free plain HTML/CSS/JavaScript/SVG for interactive exploratory…
frontend-deep-review
Parallel multi-reviewer audit of a frontend diff under site/ against numbered checkpoints distilled from human review comments on this repository's frontend…
react-effects
Guidelines for when to use (and avoid) useEffect in React components
mailglow
Design, iterate and audit beautiful, responsive HTML emails with a local mini inbox. Use when the user wants to create an email template, redesign or improve…
frontend-mix-design
Design and scaffold a beautiful frontend from SECTION A of a planning document. Run this skill in a Pi session driving Gemini 3.5 Flash, because Gemini builds…
frontend-mix-explore
Gather context for a mixed-provider full-stack build before planning. Run this skill in a Claude Code session on Sonnet (cheap context gathering, no heavy…
frontend-mix-fix-validation
Address validation failures recorded by the frontend-mix-validate session. Run this skill in a Claude Code session driving Opus - failures that survived two…
frontend-mix-plan
Plan a full-stack web application by producing a three-section spec (UI / Integration / Deployment) that downstream provider-specific sessions can execute. Run…
desktop-ui-perf
Measure a slow UI interaction by instrumenting the frontend with usePerf and analyzing the spans it writes to perf.jsonl. Use when asked why something in the…
cometchat-nextjs-patterns
Framework-specific patterns for integrating CometChat React UI Kit v6 into Next.js projects (App Router and Pages Router). Covers SSR prevention, provider…
cometchat-angular-testing
Testing patterns for CometChat Angular UI Kit v4 in Angular 12-15 projects. Covers Karma (default Angular test runner) and Jest (jest-preset-angular…
cometchat-angular-v5-components
Choose, compose and customize CometChat Angular UI Kit components — the closed component list, real @Input/@Output names, view-slot overrides via ng-template,…
cometchat-angular-v5-customization
Brand and customize the CometChat Angular UI Kit — CSS variable tokens, light/dark via ThemeService, localization, date/time formats, global config, and…