GitHub
vue-frontend
Vue 3 frontend - composition API, TypeScript, Tailwind styling. Use when working with Vue components.
☆ 0View 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
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 0View skill
GitHub
ux-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 0View skill
GitHub
react-nextjs-validator
Use when reviewing React/Next.js code, choosing hooks, optimizing performance, or deciding between patterns. Use when you see useState overuse, missing memoization, prop drilling, useEffect misuse, or Next.js r...
☆ 0View skill
GitHub
responsive-styling
Automatically generate mobile-first responsive CSS/SCSS when creating component styles or mentioning responsive design. Implements standard breakpoints (768px, 1024px), ensures WCAG AA color contrast, creates t...
☆ 0View skill
GitHub
restaurant-transactions-architecture
Nuxt + TypeScript restaurant transactions app with OOP MVC, Zod validation, factories, mappers, and policies.
☆ 0View skill
GitHub
magicui-design
Standardizes the adaptation of Magic UI components to the Curlew Finance "Organic/Editorial" aesthetic. Use this skill when implementing dynamic UI elements, animations, or micro-interactions.
☆ 0View skill
GitHub
magicui
A collection of high-performance React UI components using Tailwind CSS and Framer Motion.
☆ 0View skill
GitHub
tailwindcss
Tailwind CSS utility-first styling for JARVIS UI components
☆ 0View skill
GitHub
swiftui-ui-patterns
Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing componen...
☆ 0View skill
GitHub
swiftui-guidelines
Reference skill for SwiftUI state management, async patterns, and best practices. Use when implementing SwiftUI views and features.
☆ 0View skill
GitHub
angular
Angular 21 開發模式和最佳實踐
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with Adaptive Complexity. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that lever...
☆ 0View skill
GitHub
cpet-db-react-best-practices
React and Next.js performance optimization guidelines for CPET.db. Tailored for three-tier architecture with Vercel frontend, Google Cloud Run backend, and Supabase database. Use when writing, reviewing, or ref...
☆ 0View skill
GitHub
frontend-dev
TypeScript/Vue frontend development for CTF-AI. Use when working on game UI, Phaser scenes, Vue components, WebSocket client, or any frontend code.
☆ 0View skill
GitHub
primer-design
Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 0View skill
GitHub
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 0View skill
GitHub
admin-app-architecture
Feature-based architecture patterns, state management, and code organization for the Angular admin application.
☆ 0View skill
GitHub
admin-app-architecture
Feature-based architecture patterns, state management, and code organization for the Angular admin application.
☆ 0View skill
GitHub
angular-development
Angular component patterns, dependency injection, reactive forms, and template best practices for the admin app.
☆ 0View skill
GitHub
prototype
Create quick React prototypes that bundle to a single HTML file. Use for demos, interactive experiments, or shareable artifacts - NOT for full apps (use audreygen/Next.js for those).
☆ 0View skill
GitHub
visx
Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.
☆ 0View skill
GitHub
threejs
Build 3D scenes, animations, and interactive experiences with Three.js. Use for product viewers, backgrounds, data visualization, or creative experiments.
☆ 0View 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.