webf-quickstart
Get started with WebF development: setup WebF Go, initialize Vite-based web projects (React/Vue/Svelte), and preview apps in a W3C-compliant native runtime.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
507 skills found
Get started with WebF development: setup WebF Go, initialize Vite-based web projects (React/Vue/Svelte), and preview apps in a W3C-compliant native runtime.
UI/UX design assistant that enforces component library usage, accessibility, and design tokens for React/Next.js projects. Ensures consistent visual output using shadcn/ui, Aceternity, and other approved libraries.
Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.
Ensures adherence to standardized global documentation patterns for technical projects, maintaining consistency across repositories and agent-based workflows.
Perform advanced video analysis using Google's Gemini API: summarize content, transcribe audio, extract timestamps, clip segments, and analyze YouTube URLs or local files with support for multiple models and long contexts.
Comprehensive SEO and GEO optimization suite. Use to analyze domains, find keyword gaps, research backlinks, and generate autocomplete search suggestions using DataForSEO.
Pragmatic AI-assisted coding standards focused on clean code, simplicity, and maintainability. Enforces best practices like SRP, DRY, and KISS to prevent over-engineering.
Automates the documentation of solved technical issues using YAML frontmatter, categorized directories, and institutional knowledge indexing for JUCE plugin development.
Comprehensive UI testing, visual fidelity analysis, and browser debugging using Chrome DevTools MCP and AI-driven vision models.
Control macOS cmux terminal topology, workspaces, and pane layouts via CLI. Ideal for AI coding agents requiring deterministic multi-pane navigation, surface routing, and attention cues.
Architectural governance and project standards for React 19 SPA development, ensuring consistency in stack integration, project structure, and agent execution rules.
Automated quality gate using 5 parallel AI agents to review code changes for correctness, style, and consistency.