favicon-exporter
553Skill Claude CodeCodex
Prepare and export favicon assets from Figma in common web sizes and formats.
13,865 tagged Frontend, measured the same way as everything else here.
Browse within: skills 120agent 118agentic-ai 98LLM 96javascript 95nextjs 85cursor 73design-system 62copilot 57agents 54cli 52agentic 48open-source 47claude-code-plugin 45
Skill Claude CodeCodex
Prepare and export favicon assets from Figma in common web sizes and formats.
VirtusLab-Open-Source/astro-strapi-blocks
Skill Claude CodeCodex
Integrates @sensinum/astro-strapi-blocks with Strapi 5 Blocks fields in Astro: wiring data from API responses, theming with extend and overwrite, and custom block components. Use when adding or editing Strapi block rendering, rich text zones, or StrapiBlocks / theme configuration.
Skill Claude CodeCodex
Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…
Skill Claude CodeCodex
Build Next.js apps using the VibeKit framework. Enforces masterprompt.md coding standards, applies design-style-guide.md tokens, uses JB components from jb-components.md, and builds phase by phase from project-phases.md. Use when starting a new VibeKit project or resuming a build.
eimg/book-order-platform-SKILL
Skill Claude CodeCodex
Implements a book order system with a Vite React storefront (React Router, TanStack Query) and an Express + Prisma + SQLite API: default pay-by-transfer flow with admin-reviewed payment proof, Cloudflare Turnstile on order submit, honeypot field, payment-proof upload with duplicate-image detection, 8-character receipt…
Skill Claude CodeCodex
Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.
Skill Claude CodeCodex
Teaches the raqam React number-input library — headless NumberField compound components, useNumberFieldState/useNumberField hooks, Intl presets, locale plugins (fa/ar/bn/hi/th), raqam/server formatting, validation, ScrubArea, accessibility, and form integration. Use when building or debugging currency/percent/unit…
rothenbergt/backstage-agent-skills
Skill Claude CodeCodex
Build Backstage frontend plugins with the New Frontend System: createFrontendPlugin, blueprints, routes, Utility APIs, testing. Use for pages, nav, entity content, or cards.
Skill Claude Code
A set of required development rules for building full-stack applications with TypeScript and Next.js, a framework for web apps. It standardizes tools, project structure, type checking, testing, and production practices.
olakunlevpn/olakunlevpn-filament-skills
Skill Claude CodeCodex
Use when writing, reviewing, or refactoring Filament PHP v5 code -- resources, forms, tables, infolists, actions, widgets, panels, relation managers, multi-tenancy, testing, or plugin development. Always apply these standards to all Filament work.
Skill Claude Code
Build, modify, and debug tscircuit (React/TypeScript) PCB designs. Use when working with tsci CLI (init/dev/search/add/import/build/export/snapshot/push), choosing footprints, placing parts, wiring nets/traces, or preparing fabrication outputs (Gerbers/BOM/PnP).
Skill Claude Code
Ensure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions align with data update patterns and cost optimization.
gracefullight/docusaurus-plugins
Skill Claude CodeCodex
Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, and shadcn work.
efeunalmedia-lab/efeunal-website-seo
Skill Claude CodeCodex
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…
VirtusLab-Open-Source/astro-strapi-starter
Skill Claude CodeCodex
Develop and extend the Astro + Strapi starter: content.config with @sensinum/astro-strapi-loader, Strapi 5 data in Astro pages, StrapiBlocks, BlockRenderer, Tailwind 4, shadcn. Covers onboarding (copy upstream skills), slug/CMS routes, Astro i18n, package upgrades, optional Vitest. Types in src/types/strapi/ with a…
Skill Claude CodeCodex
Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.
Skill Claude CodeCodex
Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG…
Skill Claude CodeCodex
Design system component workflow. Spec, document, implement, review, spec-review, and audit DS components with Figma as primary input. 6 actions: spec, doc, ship, review, spec-review, audit. Auto-activates on: "component", "spec component", "doc component", "ship component", "review component", "spec-review…
Skill Claude Code
Keep app behavior in Harn while shared hosts draw the view and provide files, network, and browser features.
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance.
Skill Claude CodeCodex
Use when building or editing a Blazor UI that uses the Lumeo component library (the Lumeo NuGet package and its satellites Lumeo.Charts / Lumeo.DataGrid / Lumeo.Editor / Lumeo.Scheduler / Lumeo.Gantt / Lumeo.Motion), or when the user mentions Lumeo components (Button, DataGrid, Sheet, Dialog, Tabs, DatePicker, Toast…
giang6283623/minimal-vibe-coding-kit
Skill Codex
Plan, build, and verify an authorized website clone or migration through one front-loaded requirements session and an optional autonomous A-to-Z run. Use for small marketing or content sites, corporate sites, web applications, and small, medium, or large ecommerce projects from local screenshots, mock JSON, owner…
Skill Claude CodeCodex
The ultimate landing page builder. Through a conversational interview, autonomously produces a complete, deployable Next.js landing page with TypeScript, Tailwind CSS, SEO metadata, JSON-LD structured data, and conversion-optimized copy. Consolidates intelligence from landing-page-designer, copywriting, page-cro…
Skill Claude Code
Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: