5,837 tagged Frontend, measured the same way as everything else here.
Browse within: ReAct 104typescript 94design-system 93nextjs 89agentic 56rust 54agentic-workflow 47angular 39agent-orchestration 37agentic-coding 35design-tokens 34Code Generation 32dotnet 32fastapi 32
Agent Claude Code
Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across all compiler phases. Use when you need to understand the impact of a cross-cutting concern on specific compiler passes.
Agent Claude Code
Reviews Rust port code for port fidelity, convention compliance, and error handling. Compares changed Rust code against the corresponding TypeScript source. Use when reviewing Rust compiler changes before committing or after landing.
Agent Claude Code
Investigates React compiler errors to determine the root cause and identify potential mitigation(s). Use this agent when the user asks to 'investigate a bug', 'debug why this fixture errors', 'understand why the compiler is failing', 'find the root cause of a compiler issue', or when they provide a snippet of code and…
Agent Claude Code
Use this agent for any n8n development task - frontend (Vue 3), backend (Node.js/TypeScript), workflow engine, node creation, or full-stack features. The agent automatically applies n8n conventions and best practices. Examples: user: 'Add a new button to the workflow editor' assistant: 'I'll use the developer agent to…
Agent
Agent for demonstrating VS Code features.
Agent
Agent for managing AI prompts on prompts.chat - search, save, improve, and organize your prompt library.
Agent
Agent for managing AI Agent Skills on prompts.chat - search, create, and manage multi-file skills for Claude Code.
nextlevelbuilder/ui-ux-pro-max-skill
Agent Claude Code
Expert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality, responsiveness, or accessibility. Drives a real browser (Playwright MCP) across viewports, checks WCAG 2.1 AA, and returns…
Agent
Use this template when hiring product designers who produce UX specs, review interface quality, identify usability risks, and evolve the design system.
Agent
These guide provide an overview of how to use our agent classes.
Agent
How engineering skills consume this repository’s domain documentation.
Agent
Issues and specs for this repo live as GitHub issues. Use the gh CLI for all operations.
Agent Claude Code
Use this agent when you need to upgrade Ark UI dependencies across the Chakra UI project, particularly when:\n\n- The user explicitly requests to bump Ark UI versions\n- There's a new Ark UI release that needs to be integrated\n- You need to sync Ark UI versions across all packages\n- After reviewing Ark UI changelogs…
Agent Claude Code
Use this agent when you need to debug, reproduce, and fix GitHub issues reported for Chakra UI. This includes creating reproduction examples in the compositions app, tracing bugs through the codebase and dependencies (zag.js, ark-ui), and documenting fixes with changesets. Examples:\n\n \nContext: User provides a…
Agent
Expert assistant for developing AEM components using HTL, Tailwind CSS, and Figma-to-code workflows with design system integration.
Agent Claude Code
Use this agent to convert a SigNoz E2E test plan into Playwright spec files under tests/e2e/tests/ /. Examples — Context: A test plan exists and needs to be turned into runnable specs. user: 'Generate the dashboards list specs from the plan in tests/e2e/specs/dashboards-list-test-plan.md' assistant: 'Using the…
Agent Claude Code
Use this agent to create a comprehensive E2E test plan for a SigNoz frontend feature. Examples — Context: A new feature has shipped and we need test coverage. user: 'Plan E2E tests for the alerts list page' assistant: 'I'll use the planner agent to read the relevant frontend source, navigate the page in a real…
Agent Claude Code
Use this agent when you need to review, improve, or curate documentation files in the /apps/docs/content directory. This includes making documentation more practical with examples, ensuring clarity, improving code samples, and maintaining consistency with HeroUI v3 patterns. Context: User wants to improve…
Agent Claude Code
Use this agent when you need to create or update technical documentation for HeroUI v3 components, features, or guides. This includes component API documentation, usage examples, installation guides, migration guides, and conceptual explanations. The agent follows HeroUI's specific documentation style guide…
Agent Claude Code
Use this agent when you need to migrate HeroUI components from TypeScript-based styles (.styles.ts files using tailwind-variants) to CSS-based styles (.css files) following the BEM naming convention. This includes converting tv() configurations to CSS classes, maintaining variant mappings, and ensuring all visual…
Agent Claude Code
Use this agent to create blog articles for aitmpl.com from Claude Code Templates components. Reads the component, asks the user to confirm details, generates SVG cover, HTML article, and updates blog-articles.json. Examples: Context: User wants a blog for a component. user: 'Create a blog article for…
Agent Claude Code
Expert component reviewer for Claude Code Templates. Use PROACTIVELY when adding or modifying components in cli-tool/components/ directory (agents, commands, MCPs, hooks, settings, skills, loops). Validates format, required fields, naming conventions, and security.
Agent
UI/UX specialist for design implementation, review, visual refinement.
Agent Claude Code
Frontend agent for the Activepieces web application (packages/web). Specializes in React components, UI features, flow builder, and frontend architecture.