Frontend & Design · For developers

TanStack Router file-based routing patterns including route creation, navigation, loaders, type-safe routing, and lazy loading.

blencorp/claude-code-kit

Answer a Backend.AI question, or do a Backend.AI task, from this checkout with the bai-agent CLI — the manual, the GraphQL schema, the i18n stores and the live manager.

lablup/backend.ai-webui

iOS application development guide covering UIKit, SnapKit, and SwiftUI.

HHU3637kr/skills

A skill your agent uses when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec sheets, component maps.

serejaris/personal-corp-os

CloudBase Web Authentication Quick Guide for frontend integration after auth-tool has already been checked.

TencentCloudBase/CloudBase-AI-Toolkit

Creates evidence-backed current or target architecture diagrams; not UI design.

levnikolaevich/claude-code-skills

React 19 performance patterns and composition architecture for Vite + Cloudflare projects.

jezweb/claude-skills

Lightning Web Components with PICKLES methodology and 165-point scoring.

Jaganpro/sf-skills

Designs the data model, API contracts, and structural foundation of the system.

sickn33/agentic-awesome-skills

A portable, framework-agnostic field-side observability system for any React or React Native app.

sickn33/agentic-awesome-skills

A portable, framework-agnostic discipline for the write path of any React or React Native app using a query/cache layer.

sickn33/agentic-awesome-skills

Frontend structure conventions for Laravel Inertia React applications based on Spatie's production practices.

freekmurze/dotfiles

Search tool for modern web development best practices. An agent skill from JetBrains/skills.

JetBrains/skills

Manually test a running Vellum assistant end-to-end purely from the CLI — no desktop app or web UI.

vellum-ai/vellum-assistant

Fetch Jira ticket, create branch, implement changes, commit, push, open PR.

commercetools/ui-kit

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

A skill your agent uses when building native Android with Jetpack Compose - stateless composables, state hoisting, ViewModel-owned state, edge-to-edge, predictive back, adaptive layout, atomic…

makifbaysal/tasktrooper

A skill your agent uses when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk.

TencentCloudBase/CloudBase-AI-Toolkit

Frontend UI implementation, accessibility, and responsive checks for Django templates and Vue components

fossasia/eventyay

A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth.

microsoft/skills

Pick the right y-axis unit when creating or updating an insight via posthog:insight-create or posthog:insight-update — both TrendsQuery (trendsFilter.aggregationAxisFormat) and SQL insights…

PostHog/posthog

A skill your agent uses when writing a Storybook story for a component gated on a feature flag — boolean flags or multivariate/experiment-arm variants.

PostHog/posthog

Batch process GitHub issues via batch-orchestrator.sh with rate limit handling and session resumption

aaddrick/claude-pipeline

Plan and author maintainable SillyTavern character cards, including card-type and capability detection, runtime-dependency ledgers, text cards, MVU or MVU Zod cards, custom CoT design and authoring…

LiarMTTT/TavernWeave

React component testing patterns including components, hooks, context, and forms.

citypaul/.dotfiles

Twelve-Factor App patterns for software-as-a-service and long-running process applications.

citypaul/.dotfiles

Measure agent-facing traffic to the evlog docs site (MCP transport, raw Markdown, discovery paths) with Vercel Observability, and read it without inflating it.

evloghq/evlog

Frontend development for nteract UI/product surfaces, Elements fixtures, hot reload, dev daemon setup, MCP server workflow, TypeScript bindings via ts-rs, and reactive state work that touches RxJS…

nteract/nteract

Vue 3 renderer + Tauri 2 shell conventions for flowfilefrontend and flowfilewasm — path aliases, Pinia store map, the axios trailing-slash 307 trap, the node-settings-by-glob-convention resolution…

Edwardvaneechoud/Flowfile

Validated interactive HTML diagrams, upstream-maintained. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

Provides architecture overview with state machines, SSE event flow, and file mappings.

microsoft-foundry/foundry-agent-webapp

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

HKUDS/CLI-Anything

A portable, framework-agnostic architecture style for any React or React Native frontend.

sickn33/agentic-awesome-skills

Markdown-to-single-file-HTML report renderer. An agent skill from modu-ai/moai-adk.

modu-ai/moai-adk

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development.

modu-ai/moai-adk

VitePress 文档站点管理技能。负责初始化文档站点、增量同步代码变更到文档、追踪同步元数据（.docs-meta.json），生成的文档风格模仿同目录 tauri-docs / tauri-cc-docs / knowledge-base-docs。

bkywksj/knowledge-base

Troubleshoot Astronomer production deployments with Astro CLI.

astronomer/agents

Code review checklist for component pull requests covering structure, public API, specification accuracy, accessibility, behavior, styles, tests, and build hygiene

IgniteUI/igniteui-webcomponents

Transform a project into a professional open-source repository by adding LICENSE, README, CONTRIBUTING, CODEOFCONDUCT, SECURITY, and GitHub issue/PR templates.

luongnv89/skills

A skill your agent uses when reviewing templates, rendered HTML, or shared components related to Make file uploads accessible.

thedaviddias/Front-End-Checklist

API route implementation patterns with RLS, Zod validation, and error handling.

bybren-llc/safe-agentic-workflow

Angular コードを生成し、アーキテクチャ ガイダンスを提供します。プロジェクトの作成、コンポーネント、またはサービスを作成するとき、または反応性（シグナル、linkedSignal、リソース）、フォーム、依存性注入、ルーティング、SSR、アクセシビリティ（ARIA）、アニメーション、スタイリング（コンポーネント スタイル、Tailwind CSS）、テスト、または CLI…

affaan-m/ECC

Optimise Grafana app plugin bundle size using React.lazy, Suspense, and webpack code splitting.

grafana/skills

Probe, load-test, and instrument frontends from Grafana Cloud.

grafana/skills

Reviews completed frontend implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved React corrections.

shinpr/claude-code-workflows

Orchestrate full-cycle implementation across backend and frontend layers

shinpr/claude-code-workflows

React/TypeScript frontend development rules including type safety, component design, state management, and error handling.

shinpr/claude-code-workflows