tag

frontend

1,037 indexed skills · max 10 per page

skills (1037)

pptx-presentation-builder

supercent-io/skills-template · Frontend

23

Professional PPTX presentations with brand-aligned layouts and structured validation. \n \n Generates pitch, roadmap, and product decks from structured briefs with predefined slide templates (title, agenda, problem, solution, features, stats, team, CTA) \n Enforces brand consistency through color palettes, typography hierarchies, logo placement, and design tone (minimal, bold, or executive) \n Includes multi-step review workflow: layout balance, typography hierarchy, content clarity, and accessi

emil-design-eng

emilkowalski/skill · Frontend

22

Craft-focused design philosophy for building interfaces where every detail compounds into something that feels right. \n \n Covers animation decision framework (frequency, purpose, easing, duration) with custom cubic-bezier curves and performance rules for UI interactions \n Includes component patterns: button press feedback, origin-aware popovers, tooltip delays, blur masking, and clip-path reveals \n Provides gesture and drag principles: momentum-based dismissal, boundary damping, and friction

karpathy-guidelines

forrestchang/andrej-karpathy-skills · Frontend

22

Behavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria. \n \n Emphasizes surfacing assumptions and tradeoffs upfront rather than making silent decisions or hiding confusion \n Advocates for minimum viable code with no speculative features, abstractions, or error handling beyond what was requested \n Requires surgical, focused edits that touch only what's necessary and match existing code style without improving adjacen

bencium-controlled-ux-designer

bencium/bencium-claude-code-design-skill · Frontend

21

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

frontend-ui-ux

code-yeongyu/oh-my-opencode · Frontend

21

You are a designer who learned to code. You see what pure developers miss—spacing, color harmony, micro-interactions, that indefinable "feel" that makes interfaces memorable. Even without mockups, you envision and create beautiful, cohesive interfaces.

ubiquitous-language

mattpocock/skills · Frontend

19

Extract and formalize domain terminology from the current conversation into a consistent glossary, saved to a local file.

redesign-existing-projects

leonxlnx/taste-skill · Frontend

17

Audit and upgrade existing websites to premium design standards without breaking functionality. \n \n Provides a comprehensive design audit checklist covering typography, color, layout, interactivity, content, components, and iconography to identify generic AI patterns and weak points \n Works with any CSS framework (Tailwind, vanilla CSS, styled-components) or tech stack by scanning and improving existing code rather than rewriting from scratch \n Includes strategic upgrade techniques for typog

react-vite-best-practices

asyrafhussin/agent-skills · Frontend

16

23 performance optimization rules for React and Vite across build, code splitting, development, assets, environment, and bundle analysis. \n \n Covers six rule categories prioritized by impact: build optimization and code splitting (critical), development and asset handling (high), environment config and bundle analysis (medium) \n Includes route-based lazy loading with React.lazy() and Suspense, manual vendor chunk separation, and strategic prefetching patterns \n Provides recommended vite.conf

svelte5-best-practices

ejirocodes/agent-skills · Frontend

16

Svelte 5 runes, snippets, and SvelteKit patterns for modern component development. \n \n Covers all Svelte 5 runes ($state, $derived, $effect, $props, $bindable, $inspect) with reactive state and computed value patterns \n Explains snippets syntax ({#snippet}, {@render}) as the replacement for slots and slot props \n Includes event handling migration from on: directives to onclick handlers and callback props, plus SvelteKit load functions and form actions \n Provides TypeScript typing for props,

nextjs-seo

laguagu/claude-code-nextjs-skills · Frontend

15

Complete SEO setup for Next.js 16+ apps with metadata, sitemaps, robots.txt, and Core Web Vitals guidance. \n \n Covers essential files (root metadata, dynamic sitemaps, robots configuration) with ready-to-use TypeScript examples for App Router \n Includes rendering strategy comparison (SSG, SSR, ISR, CSR) and Core Web Vitals targets (LCP, INP, CLS) for performance optimization \n Provides quick audit checklist, common mistakes to avoid, and dynamic metadata patterns for product pages and canoni

prevpage 2 / 104next