Agent Skill
Core Components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
Web Development
HTML, CSS, JavaScript, React, Next.js and full-stack web.
341 prompts
Agent Skill
Ckw Design
Frontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web UI (components, pages, dashboards, React/…
Agent Skill
Client Secret Exposure Audit
Audit a deployed web app for secrets exposed to the browser: hardcoded API keys/tokens in JS, secrets in HTML meta/attributes/comments, publicly reachable source/config/…
Agent Skill
Codebase to WordPress Converter
Expert skill for converting any codebase (React/HTML/Next.js) into a pixel-perfect, SEO-optimized, and dynamic WordPress theme.
Agent Skill
C4 Component
Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces…
Agent Skill
Astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
Agent Skill
Anti Slop Design
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
Agent Skill
Angular State Management
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or mi…
Agent Skill
Angular UI Patterns
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
Agent Skill
Animejs Animation
Advanced JavaScript animation library skill for creating complex, high-performance web animations.
Agent Skill
Angular
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
Agent Skill
Angular Best Practices
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering e…
Agent Skill
React Best Practices
Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizin…
Agent Skill
Roier SEO
Technical SEO auditor and fixer. Runs Lighthouse/PageSpeed audits on websites or local dev servers, analyzes SEO/performance/accessibility scores, and automatically impl…
Agent Skill
Remotion
Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
Agent Skill
Markitdown
Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR), audio (with transcription), HTML, CSV, JSON, XML, ZIP, YouTube URLs, E…
Agent Skill
Performance
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loadi…
Text
File Analysis Tool
File Analysis Tool Perform comprehensive analysis of $ARGUMENTS to identify code quality issues, security vulnerabilities, and optimization opportunities. Task I'll anal…
Text
Sync Status Monitor
Monitor GitHub-Linear sync health status with performance metrics and diagnostics
Text
/svelte:storybook-migrate
/svelte:storybook-migrate Migrate Storybook configurations and stories to newer versions, including Svelte CSF v5 and @storybook/sveltekit framework. Instructions You ar…
Text
/svelte:storybook-mock
/svelte:storybook-mock Mock SvelteKit modules and functionality in Storybook stories for isolated component development. Instructions You are acting as the Svelte Storyb…
Text
/svelte:storybook-setup
/svelte:storybook-setup Initialize and configure Storybook for SvelteKit projects with optimal settings and structure. Instructions You are acting as the Svelte Storyboo…
Text
/svelte:storybook-story
/svelte:storybook-story Create comprehensive Storybook stories for Svelte components using modern patterns and best practices. Instructions You are acting as the Svelte…
Text
/svelte:storybook-troubleshoot
/svelte:storybook-troubleshoot Diagnose and fix common Storybook issues in SvelteKit projects, including build errors, module problems, and configuration issues. Instruc…