frontend▌
1,037 indexed skills · max 10 per page
pptx-presentation-builder
supercent-io/skills-template · Frontend
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
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
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
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
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
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
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
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
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
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