Search

Find skills by name, source, slug, or description across the full catalog.

22,638 results for “frontend-design” · page 13

#
Skill
Source
Installs
601
experience-ui-bundle-app-coordinate forcedotcom/sf-skills/experience-ui-bundle-app-coordinate MUST activate when the user wants to build, create, or generate a React application, React app, web application, sing…
forcedotcom/sf-skills
4.9K
602
-dev nexu-io/open-/-dev Full-stack with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for her…
nexu-io/open-
2.4K
603
brainstorming obra/superpowers/brainstorming You MUST use this before any creative work - creating features, building components, adding functionality, or modifyi…
obra/superpowers
356.1K
604
figma-swiftui Official figma/mcp-server-guide/figma-swiftui SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER directio…
figma/mcp-server-guide
813
605
fullstack-guardian farmage/opencode-skills/fullstack-guardian Builds security-focused full-stack web applications by implementing integrated and backend components with l…
farmage/opencode-skills
196
606
extract--system arvindrk/extract--system/extract--system Extract primitives from a public website and generate starter token files for your project.
arvindrk/extract--system
128.7K
607
-ui-engineering addyosmani/agent-skills/-ui-engineering Builds production-quality, accessible, responsive user-facing UIs.
addyosmani/agent-skills
35.2K
608
performance-optimization addyosmani/agent-skills/performance-optimization Optimizes application performance across , backend, queries, and databases.
addyosmani/agent-skills
33.5K
609
make-interfaces-feel-better jakubkrehel/make-interfaces-feel-better/make-interfaces-feel-better >- engineering principles for making interfaces feel polished. Use when building UI components, reviewing fron…
jakubkrehel/make-interfaces-feel-better
55.1K
610
-testing-best-practices sergiodxa/agent-skills/-testing-best-practices Testing best practices for the . Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior …
sergiodxa/agent-skills
2K
611
ui--system samhvw8/dot-claude/ui--system React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives),…
samhvw8/dot-claude
3.2K
612
dt-obs-s dynatrace/dynatrace-for-ai/dt-obs-s Real User Monitoring (RUM) on Dynatrace — web and mobile s.
dynatrace/dynatrace-for-ai
1.9K
613
-slides affaan-m/ecc/-slides Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.
affaan-m/ecc
11.1K
614
extract- manavarya09/-extract/extract- Extract the full language from any website URL.
manavarya09/-extract
2.6K
615
adk- botpress/skills/adk- Guidelines for building applications that integrate with Botpress ADK bots - covering authentication, type g…
botpress/skills
1.6K
616
hyperframes heygen-com/hyperframes/hyperframes Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, …
heygen-com/hyperframes
488.2K
617
apple- emilkowalski/skills/apple- Apple's approach to interface and fluid, physical motion, translated for the web.
emilkowalski/skills
128.2K
618
-dev-guidelines sickn33/agentic-awesome-skills/-dev-guidelines You are a senior engineer operating under strict architectural and performance standards. Use when creating …
sickn33/agentic-awesome-skills
1.4K
619
cc-skill--patterns sickn33/agentic-awesome-skills/cc-skill--patterns development patterns for React, Next.js, state management, performance optimization, and UI best practices.
sickn33/agentic-awesome-skills
1.3K
620
ui- pymodel/react--skills/ui- UI/UX and best practices guidelines (formerly ).
pymodel/react--skills
126
621
api-and-interface- addyosmani/agent-skills/api-and-interface- Guides stable API and interface . Use when ing APIs, module boundaries, or any public interface. Use when…
addyosmani/agent-skills
31.4K
622
-developer sickn33/agentic-awesome-skills/-developer Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next…
sickn33/agentic-awesome-skills
1.2K
623
premium- kv0906/cc-skills/premium- Create award-winning, cinematic interfaces that feel ALIVE. Combines 10+ years of creative experien…
kv0906/cc-skills
1.3K
624
interface- dammyjay93/interface-/interface- Craft-first interface for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and int…
dammyjay93/interface-
26K
625
kumo- Official cloudflare/kumo/kumo- Cloudflare product guidance. Use when ing, implementing, or reviewing Cloudflare dashboard interfaces, K…
cloudflare/kumo
846
626
-better buildgreatproducts/builder-os/-better Use when the user is building or refactoring UI in their product codebase and wants er-quality code — …
buildgreatproducts/builder-os
918
627
offers coreyhaines31/marketingskills/offers When the user wants to , construct, or improve an offer — the thing they actually sell — including value framin…
coreyhaines31/marketingskills
37K
628
emil--eng emilkowalski/skills/emil--eng This skill encodes Emil Kowalski's philosophy on UI polish, component , animation decisions, and the invisible …
emilkowalski/skills
257.4K
629
brand-identity arnabbagxd/brand-building-skills/brand-identity Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and sys…
arnabbagxd/brand-building-skills
1.3K
630
feature-sliced- feature-sliced/skills/feature-sliced- Official Feature-Sliced (FSD) v2.1 skill for applying the methodology to projects. Use when the task …
feature-sliced/skills
18.5K
631
modern-web- freshtechbro/claudeskills/modern-web- Modern web trends, principles, and implementation patterns for 2024-2025. Use this skill when ing websit…
freshtechbro/claudeskills
2.3K
632
frontend omer-metin/skills-for-antigravity/ World-class engineering - React philosophy, performance, accessibility, and production-grade interfacesUse w…
omer-metin/skills-for-antigravity
40
633
create-app wondelai/skills/create-app Guided journey from a raw app idea to a validated, cleanly architected first version that ships on a sustainable cade…
wondelai/skills
1.2K
634
hyperframes-animation heygen-com/hyperframes/hyperframes-animation All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broad…
heygen-com/hyperframes
381.2K
635
ant- ant-/antd-skill/ant- Decision guide for antd 6.x, Ant Pro 5/ProComponents, Ant X v2, and the offline `@ant-/cli`.
ant-/antd-skill
3.7K
636
ctf-web ljagiello/ctf-skills/ctf-web Provides web exploitation techniques for CTF challenges. Use when the target is primarily an HTTP application, API, b…
ljagiello/ctf-skills
8K
637
-mobile-apps ed-by-ai/skills/-mobile-apps Use when the user wants to a mobile app or UI screens, when they mention their Sleek (sleek.) projects, …
ed-by-ai/skills
98.3K
638
refactoring-ui wondelai/skills/refactoring-ui Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (o…
wondelai/skills
7K
639
hyperframes-creative heygen-com/hyperframes/hyperframes-creative Non-animation creative direction for HyperFrames videos.
heygen-com/hyperframes
362.4K
640
-taste- nexu-io/open-/-taste- Anti-slop skill for landing pages, portfolios, and res. The agent reads the brief, infers the right de…
nexu-io/open-
2.2K
641
pick-ui-library emilkowalski/skills/pick-ui-library Pick the right library for a given task from a curated, opinionated list — numbers, OTP inputs, charts, comm…
emilkowalski/skills
89.6K
642
ios-hig- wondelai/skills/ios-hig- native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iP…
wondelai/skills
5.9K
643
fullstack-dev minimax-ai/skills/fullstack-dev Full-stack backend architecture and -backend integration guide. TRIGGER when: building a full-stack app, crea…
minimax-ai/skills
3.3K
644
meticulous-iterative-dev alwaysmeticulous/skills/meticulous-iterative-dev Iterative development loop using Meticulous for per-step visual validation. Use when implementing a multi-st…
alwaysmeticulous/skills
5.9K
645
meticulous-test alwaysmeticulous/skills/meticulous-test Run a Meticulous test run after implementing a change, then hand off to the `meticulous-review` skill to cla…
alwaysmeticulous/skills
5.9K
646
symfony-ux smnandre/symfony-ux-skills/symfony-ux Symfony UX stack -- decision tree and orchestrator for choosing between Stimulus, Turbo, TwigComponent, Live…
smnandre/symfony-ux-skills
298
647
-motion-principles kylezantos/-motion-principles/-motion-principles Motion and interaction expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes —…
kylezantos/-motion-principles
9.1K
648
-code-architecture wondelai/skills/-code-architecture Guided journey from an app idea to a deliberate architecture: boundaries, domain model, data decisions, and resilienc…
wondelai/skills
1.2K
649
experience-ui-bundle--generate forcedotcom/sf-skills/experience-ui-bundle--generate MUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to…
forcedotcom/sf-skills
4.9K
650
experience-ui-bundle-salesforce-data-access forcedotcom/sf-skills/experience-ui-bundle-salesforce-data-access MUST activate whenever a uiBundles/*/src/ project reads, writes, or displays Salesforce data — INCLUDING building a p…
forcedotcom/sf-skills
4.9K