GitHub
svelte-components
Svelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.
☆ 153View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
svelte-runes
Svelte runes guidance. Use for reactive state, props, effects, attachments, or migration. Covers $state, $derived, $effect, @attach. Prevents reactivity mistakes.
☆ 153View skill
GitHub
sveltekit-data-flow
SvelteKit data flow guidance. Use for load functions, form actions, and server/client data. Covers +page.server.ts vs +page.ts, serialization, fail(), redirect(), error().
☆ 153View skill
GitHub
sveltekit-structure
SvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending UI, and hydration.
☆ 153View skill
GitHub
frontend-component
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
☆ 153View skill
GitHub
ui-template-library
Manage aesthetic templates - save visual systems from completed mockups as interpretable prose, apply to new plugins with adaptive layouts
☆ 147View skill
GitHub
angular-forms
Angular forms: Signal Forms (experimental) and Reactive Forms. Trigger: When working with forms, validation, or form state in Angular.
☆ 144View skill
GitHub
angular-architecture
Angular architecture: Scope Rule, project structure, file naming, style guide. Trigger: When structuring Angular projects or deciding where to place components.
☆ 144View skill
GitHub
angular-core
Angular core patterns: standalone components, signals, inject, control flow, zoneless. Trigger: When creating Angular components, using signals, or setting up zoneless.
☆ 144View skill
GitHub
angular-performance
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
☆ 144View skill
GitHub
react-typescript
TypeScript patterns specific to React components and hooks.
☆ 143View skill
GitHub
javascript-language-patterns
Modern JavaScript (ES2022+) patterns for clean, maintainable code.
☆ 143View skill
GitHub
nextjs-styling-ui-performance
Zero-runtime CSS strategies (Tailwind) and RSC compatibility.
☆ 143View skill
GitHub
flutter-getx-state-management
Simple and powerful reactive state management using GetX.
☆ 143View skill
GitHub
nextjs-server-components
RSC usage, "use client" directive, and Component Purity.
☆ 143View skill
GitHub
react-performance
Optimization strategies for React applications (Client & Server).
☆ 143View skill
GitHub
react-hooks
Best practices for React Hooks usage and custom hook creation.
☆ 143View skill
GitHub
flutter-ui-widgets
Principles for maintainable UI components.
☆ 143View skill
GitHub
flutter-getx-navigation
Context-less navigation, named routes, and middleware using GetX.
☆ 143View skill
GitHub
react-component-patterns
Modern React component architecture and composition patterns.
☆ 143View skill
GitHub
flutter-riverpod-state-management
Reactive state management using Riverpod 2.0 with code generation.
☆ 143View skill
GitHub
nextjs-state-management
Best practices for managing state (Server URL vs Client Hooks).
☆ 143View skill
GitHub
react-security
Security practices for React (XSS, Auth, Dependencies).
☆ 143View skill
GitHub
flutter-gorouter-navigation
Typed routes, route state, and redirection using go_router.
☆ 143View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.