Plugins

7 plugins

PRD to Implementation Plan

Transform a raw product idea into a structured PRD and then into a technical implementation plan with issues.

11 skills · plugin

Common base skills including documentation generators, implementation planning, and utility tools

7 skills · plugin

Component Spec and Pattern Library

Document component anatomy, variants, and usage patterns for consistent implementation.

5 skills · plugin

Growth Loop Implementation

Identify the right growth loop mechanism, then build the acquisition and expansion motions to drive it.

3 skills · plugin

Implement Plan with Git Workflow

Execute a predefined implementation plan step by step using isolated git worktrees and structured version control.

6 skills · plugin

Planning skills for the Han suite: specifying, planning, sequencing, breaking down, and stress-testing work before implementation. Home of plan-a-feature, plan-implementation, plan-a-phased-build, plan-work-items, and iterative-plan-review, plus the discussion-facilitator agent. Depends on han-communication and han-core; bundled by the han meta-plugin.

5 skills · plugin

Reporting and summary skills for the Han suite. Turns feature specifications into plain-language stakeholder summaries (also called executive or business summaries) with diagrams, for sharing with non-technical stakeholders before implementation kicks off.

2 skills · plugin

Results for “implementation”

47 skills

block-collection-and-party

Search reference implementations and code examples from Adobe's Block Collection and community Block Party for AEM Edge Delivery blocks, plugins, and build tools.

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

design-design-ux-architect

Technical architecture and UX specialist who provides developers with solid foundations, CSS systems, and clear implementation guidance

interface-designer

Plans interface structure, component layout, and interaction details for product flows before implementation.

agent-ux-architect

MUX Architect IA — Expert en architecture UX technique, CSS systems, motion design systems, et implementation developer-friendly. Pont entre design et code.

More results

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality.

Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality.

Adds, fixes, and optimizes schema.org structured data (JSON-LD) for rich results, including validation and implementation guidance.

Select, pair, and implement typefaces for web projects with guidance on readability, CSS implementation, and performance optimization.

Production-grade accessibility skill for WCAG 2.2 AA compliance. Covers auditing, remediation, component authoring, and validation workflows. Auto-invoked for UI implementation, a11y fixes, and accessibility testing.

frontend-change-builder

Use `task-agent` for bounded frontend component or browser changes involving interaction, accessibility, API failures, security, or regression proof. Skip backend-only work and design exploration without implementation.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

building-blocks

Guides implementation of AEM Edge Delivery blocks with JavaScript decoration and CSS styling, following established patterns and best practices.

superpowers-sage-architecting

Define architecture for a Sage/Acorn feature — architecture decision records, component boundaries, data flow, dependency mapping, pre-implementation design, trade-off analysis, Acorn architecture patterns, ADR, design before building

frontend-security-coder

Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns. Use PROACTIVELY for frontend security implementations or client-side security code reviews.

Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

pine-visualizer

Decomposes trading ideas into actionable Pine Script components by analyzing YouTube videos or conceptual questions, then produces structured implementation plans.

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.

project-workflow-analysis-blueprint-generator

Generates detailed, technology-agnostic implementation blueprints by analyzing project architecture, technology stacks, and data flow patterns.

Build, deploy, and interact with Juicebox V5 projects, including revnets, hooks, and omnichain deployments, with API references, implementation details, UI generation, and GraphQL queries.

Validates and generates hreflang tags for multi-language and multi-region websites, covering HTML, HTTP header, and XML sitemap implementations.

Audit frontend API calls against backend implementation for contract alignment and network shape. Use when "API audit", "FE-BE contract", or "review frontend API integration". Live 4xx/5xx reproduction → debug-fe-be-integration.

superpowers-sage-verifying

Verify implemented work meets acceptance criteria — run tests, check PHPCS, validate Blade output, lando phpunit, lando phpcs, lando yarn test, Playwright tests, accessibility check, post-implementation verification, done criteria validation, checklist review, verification phase

mengto-animation-systems

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.

Applies Kelvin Garr's fixed AICA brand identity—black glass, gold circuits, Space Grotesk—and Next.js 14 implementation guide for his personal sites and AICA-branded projects.

frontend-component-planner

Use this when the team needs a component breakdown for a screen or feature that may or may not be React-specific. Trigger on requests to plan component responsibilities, composition, states, and boundaries before implementation.

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern design patterns, responsive layouts, and design-to-code workflows. Use PROACTIVELY when building UI components, designing layouts, creating mockups, or implementing visual designs.

srednoff888-art

ios-reviewer-agent

Agent profile for review iOS SwiftUI code, platform conventions, state flow, accessibility, performance, and App Store readiness. Use when Codex needs a specialist agent perspective for planning, implementation, review, debugging, validation, or handoff in this domain.

srednoff888-art

mobile-architect-agent

Agent profile for coordinate mobile app architecture across iOS, Android, Expo/React Native, offline states, permissions, and releases. Use when Codex needs a specialist agent perspective for planning, implementation, review, debugging, validation, or handoff in this domain.

srednoff888-art

accessibility-wcag-aa

Use this skill for WCAG AA, keyboard access, semantic HTML, focus states, labels, contrast, screen readers. Trigger when the task involves web design work related to Accessibility WCAG Aa, production implementation, audits, debugging, strategy, or validation.

podcast-generation

Generate AI-powered podcast-style audio narratives from text using Azure OpenAI's GPT Realtime Mini model via WebSocket, with full-stack implementation from React frontend to Python FastAPI backend.

frontend-design-router

Route frontend design and UI implementation prompts to the right design skills. Use for accessibility, frontend visual taste, redesigns, design systems, dashboards, motion, image-to-code, web/mobile image generation, Stitch, Vue conversion, UI demos, or CE frontend design.