frontend▌
1,025 indexed skills · max 10 per page
character-design-sheet
inferen-sh/skills · Frontend
Maintain consistent character appearance across AI-generated images using reference sheets and detailed descriptions. \n \n Create turnaround sheets (front, 3/4, side, back views), expression sheets (6+ emotions), outfit variations, and color palettes to document character design \n Use a 50+ word detailed description anchor reused exactly in every prompt as the most practical consistency technique for small projects \n Train character-specific LoRA models for projects requiring many images, wit
nextjs-server-navigation
wsimmonds/claude-nextjs-skills · Frontend
Server Components use DIFFERENT navigation methods than Client Components!
explainer-video-guide
inferen-sh/skills · Frontend
Complete guide for scripting, producing, and assembling explainer videos via inference.sh CLI. \n \n Provides three script formulas (Problem-Agitate-Solve, Before-After-Bridge, Feature Spotlight) with timing breakdowns, word counts, and pacing rules for 30–120 second videos \n Covers scene generation via video AI models, voiceover production with TTS, music ducking, and caption integration through a multi-step assembly pipeline \n Includes practical tables for pacing (120–170 wpm by content type
describe-design
posit-dev/skills · Frontend
Research a codebase and produce an architectural document describing how features or systems work. The output is a markdown file organized for both human readers and future AI agents.
svelte
epicenterhq/epicenter · Frontend
Related Skills: See query-layer for TanStack Query integration. See styling for CSS and Tailwind conventions.
react-flow-code-review
existential-birds/beagle · Frontend
Problem: Causes all nodes to re-mount on every render.
playwright-e2e-builder
davila7/claude-code-templates · Frontend
Use this skill when you need to:
vue-skilld
harlan-zw/vue-ecosystem-skills · Frontend
The progressive JavaScript framework for building modern web UI.
figma-implement-design
figma/mcp-server-guide · Frontend
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
gemini-guide
jezweb/claude-skills · Frontend
Look up Gemini API documentation and SDK patterns when building with Google Gemini. This skill brings Gemini docs TO Claude — it does not call Gemini.