Frontend Development (1023 — page 6)

🎨 App Store Changelog

This skill generates user-facing App Store release notes from git history since the last tag, summarizing changes into clear, benefit-focused bullets.

frontendproductmarketingautomation

🎨 Applying Fsd Architecture

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

frontendrefactordesignproductivity

🎨 Arc Diagrams

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

frontendapidatabasecloud

🎨 Ask User Question

This skill helps you collect user input via a modal UI to clarify preferences, confirmations, or constraints before acting.

aiautomationfrontendscripting

🎨 Astro

This skill helps you navigate Astro documentation, explain concepts, and implement best practices for Astro projects across content, islands, and deployments.

astrofrontenddebuggingperformance

🎨 Atomic Design Fundamentals

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

frontenddesignuxreact

🎨 Atomirx

This skill helps you manage reactive state with atomirx primitives in TypeScript, simplifying reading, deriving, and debugging across components.

reacttypescriptdebuggingperformance

🎨 Aurora Project Structure

This skill explains Aurora Angular project structure, folder purposes, and module patterns to help you navigate the codebase efficiently.

angulardocsfrontendproductivity

🎨 Avnu

This skill helps you build Starknet DeFi features by integrating avnu SDK for best-price swaps, DCA, staking, and gasless transactions.

frontendbackendapiautomation

🎨 B2c Forms

This skill helps you create SFRA forms with validation for B2C Commerce, covering XML definitions, server-side logic, and ISML templates.

typescriptfrontendbackendcli

🎨 Babysit

This skill helps you implement Zustand state management with type-safe stores, slices, and middleware for scalable React apps.

typescriptjavascriptreactnextjs

🎨 Backend To Frontend Handoff Docs

This skill generates a comprehensive API handoff document for frontend teams, detailing endpoints, DTOs, validation, and edge cases for seamless integration.

backendapidocsfrontend

🎨 Baoyu Markdown To Html

This skill converts Markdown to styled HTML tailored for WeChat themes, with code highlighting, math, diagrams, and support for footnotes and alerts.

frontendscriptingdocswriting

🎨 Baoyu Post To X

This skill helps you publish content to X by automating posts, articles, and media using a real Chrome browser for reliable delivery.

social-mediacontentautomationscripting

🎨 Base44 Sdk

This skill helps you build features in existing Base44 projects by leveraging the SDK to manage entities, auth, and AI integrations.

aibackendfrontendapi

🎨 Beautiful Mermaid

This skill renders Mermaid diagrams as SVG and PNG using Beautiful Mermaid, simplifying diagram visualization for flowcharts, sequences, and more.

frontenddataci-cddebugging

🎨 Bencium Innovative Ux Designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

benciumfrontend

🎨 Better Stimulus

This skill helps you write maintainable StimulusJS controllers by applying SOLID and Better Stimulus patterns for configurable state and declarative

frontendrefactordebuggingcode-review

🎨 Billing Sdk

This skill helps you integrate BillingSDK quickly by guiding you through React components, CLI setup, and Dodo Payments configuration.

frontendapicliux

🎨 Biome

This skill provides ultra-fast TypeScript/React linting and formatting with a single Rust tool, replacing ESLint and Prettier for faster code quality.

lintingformattingrustreact

🎨 Biome

This skill lints and formats frontend code using Biome 2.4, enabling type-aware checks, import organization, and CI-ready rules.

frontendlintingci-cdgraphql

🎨 Blockbench Development

This skill helps you develop, debug, and integrate Blockbench plugins by guiding actions, dialogs, panels, and model workflows.

frontenddebuggingscripting

🎨 Bm Md

This skill renders Markdown to styled HTML across platforms and converts HTML to Markdown, simplifying cross-platform publishing and text extraction.

docswritingcontentapi

🎨 Book Content Writer

This skill transforms outlines into polished Docusaurus chapters with clear pedagogy, code examples, and MDX-ready content for technical books.

docswritingcontentfrontend

🎨 Book Translation

This skill translates The Interactive Book of Prompting content and UI strings into a target language, preserving structure and usability for multilingual

aicontenttypescriptnextjs

🎨 Brainstorming

This skill enables collaborative ideation before implementation, offering multiple options, trade-offs, and strategy to shape features, components, and

planningproductdesignfrontend

🎨 Browser

This skill automates browser tasks using minimal CDP tools to start Chrome, navigate pages, run scripts, take screenshots, and extract DOM data.

automationdebuggingscriptingdata

🎨 Browserwing

This skill enables browser automation via HTTP API to navigate pages, interact with elements, extract data, and run batch actions for faster tasks.

automationapifrontendbackend

🎨 Build Frontend

Builds the Fake Survey Generator React frontend with Vite and TypeScript. Use this skill when frontend code changes need to be compiled and validated for TypeScript errors. This skill orchestrates the npm build command and reports build errors.

marcelmichaufrontend

🎨 Building Storefronts

Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront development in ALL modes (planning, implementation, exploration). Contains SDK usage patterns, fron

medusajsfrontend

🎨 Bun Build

This skill helps you create optimized production bundles with Bun's native bundler, improving performance and simplifying multi-environment builds.

performancedevopscliscripting

🎨 Bun Dev Server

This skill helps you set up a high-performance Bun development server with hot module replacement and React Fast Refresh for frontend, API, or full-stack apps.

frontendbackendfullstackperformance

🎨 Bundle Analyzer

This skill analyzes JavaScript bundle sizes, identifies large dependencies, and suggests optimizations for faster page loads across webpack, vite, and rollup.

performancedebuggingfrontendjavascript

🎨 Bundle Optimization

This skill helps optimize bundle size by enforcing tree-shaking, dynamic imports, and deferred analytics to reduce initial load.

performancefrontendrefactorcode-review

🎨 Busirocket Core Conventions

This skill enforces scalable, well-structured codebases by applying strict file discipline, boundaries, and naming conventions for TypeScript/React/Next.js and

frontendbackendrefactorcode-review

🎨 Busirocket Typescript React Standards

This skill enforces TypeScript and React standards for maintainable TS/TSX code, promoting one-export-per-file and strict typing across Next.js projects.

frontendcode-reviewlintingrefactor

🎨 Camera Shake

This skill adds cinematic camera shake when taking damage or impacts, delivering tactile feedback through smooth exponential decay for a responsive feel.

frontendperformancedebuggingscripting

🎨 Candid Review

This skill conducts candid code reviews applying project standards and actionable fixes to help you ship robust, maintainable code.

code-reviewbackendfrontendfullstack

🎨 Canva Dev

This skill helps you develop Canva Apps SDK projects by guiding you through documentation, UI kit usage, CLI commands, and design reviews.

clidocsdesignfrontend

🎨 Canvas

This skill helps you create spatial node diagrams with precise coordinates using JSON canvas format for mind maps, graphs, and planning boards.

planningdesignproductivityux

🎨 Canvas Design Skill

This skill generates HTML5 Canvas templates with pre-defined drawing logic for shapes like rectangles, circles, grids, and stars.

frontenddesignscriptingdebugging

🎨 Carbon Icons

This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.

reactfrontenddesignux

🎨 Ccg

This skill orchestrates Claude, Codex, and Gemini to decompose, parallelize tasks, and synthesize a cohesive backend and frontend solution.

aiautomationbackendfrontend

🎨 Changeset

This skill analyzes code changes, generates changesets, updates docs, drafts blog entries, and prepares PR descriptions for user-facing releases.

releasedocsautomationci-cd

🎨 Chart Visualization

This skill visualizes data by automatically selecting the best chart type and generating a chart image with a complete parameter set.

dataanalyticsfrontendjavascript

🎨 Chartjs Graphs

This skill helps you render interactive Chart.js graphs in Django templates by wiring data via data-* attributes and datalabels.

djangopythonfrontenddata

🎨 Check Workflows

This skill analyzes the past day's GitHub Actions workflow runs to detect actionable failures and open issues for remediation.

ci-cddevopsautomationdebugging

🎨 Claude Designer Skill

Transform frontend designs with uncompromising perfectionism. Use when redesigning UI/UX, improving visual aesthetics, creating polished interfaces, or when user mentions design improvements, beautification, visual polish.

joeseesunfrontend

🎨 Cli Ux Designer

Expert in CLI/TUI design, command structure, visual design (colors, typography, icons), accessibility, and UX patterns. Automatically activates when designing new CLI tools, improving command interfaces, or reviewing CLI usability.

sjunglingfrontend

🎨 Cloudbase Agent Ts

This skill helps you build and deploy AI agents using the CloudBase AG-UI protocol in TypeScript, including adapters, servers, and web UI.

aicloudtypescriptbackend

🎨 Cloudflare Nextjs

This skill helps you deploy Next.js apps to Cloudflare Workers using the OpenNext Cloudflare adapter, enabling SSR, ISR, and edge deployments.

cloudinfradevopsfrontend

🎨 Code Connect Components

This skill connects Figma design components to code implementations by locating matches and creating Code Connect mappings across your project.

frontendautomationdesignproductivity

🎨 Code Generation

This skill helps you generate code after validating requirements and aligning with project patterns, ensuring minimal, reliable implementations.

backendfrontendcode-reviewscripting

🎨 Code Quality Standards

This skill enforces clean architecture and descriptive naming for all code, ensuring fully implemented, type-safe results without lint suppressions.

code-reviewlintingrefactorbackend

🎨 Code Review

This skill helps you review code for Rust, React, and databases, identifying risks, regressions, and incorrect typings to improve reliability.

code-reviewbackendfrontendrust

🎨 Code Standards

This skill provides unified Next.js and TypeScript coding standards to ensure strict typing, consistent components, and maintainable code for AI agent

frontendcode-reviewlintingformatting

🎨 Code Style

This skill enforces personal TypeScript/React code style preferences, guiding formatting, naming, and reviews to improve readability and consistency.

frontendcode-reviewlintingformatting

🎨 Codebase Navigator

This skill helps you navigate and understand a TypeScript codebase using fast search, trace, and architecture insights to accelerate onboarding.

debuggingscriptingproductivitytypescript

🎨 Codify Dev Skill

This skill converts design into business-ready UI code by accurately reproducing visuals and generating structured, data-driven components.

frontendcode-reviewdesignux

🎨 Coding Guidelines

Coding patterns and guidelines for TypeScript/JavaScript, Rust, and frontend frameworks. Use this skill when writing TypeScript/JavaScript or Rust code, or working with SolidJS, Tailwind CSS, daisyUI, React Native, Expo, or NativeWind. Provides idiomatic patterns and best practices.

roman-16frontend