hugeicons-migrate
Migrate a project's icons to Hugeicons — from the deprecated hugeicons-react / @hugeicons/react-pro / hugeicons-react-native packages, from…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,085 results
krds-improve
Polish an existing KRDS-based website/app to maximize rule compliance, accessibility, and consistency.
xss-anti-pattern
Security anti-pattern for Cross-Site Scripting vulnerabilities (CWE-79). Use when generating or reviewing code that renders HTML, handles user input in web…
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,…
enhance-web-forms
Build or upgrade web forms: accessible structure, schema-driven validation, client↔server parity. Use when "improve this form", "form validation", "accessible…
housekeep-design
Consolidate a drifted design system into one token and component source of truth. Use after an approved plan-uiux-unification, or when "clean up the design…
tailwind-css-rules
Tailwind CSS v4.1+ rules and best practices. Use when writing, reviewing, refactoring, or upgrading Tailwind CSS classes and styles, especially v4 utility…
lism-mockup-guide
An implementation guide for creating screen mockups using Lism Mockup. Create and edit as the data directory of @lism-css/mockup (pages/*.jsx|tsx, tokens.json, mockup.config.json), following lism-mockup init → implementation → lism-mockup…
swiftui-webkit
Native SwiftUI WebKit integration with the new WebView struct and WebPage observable class. Covers WebView creation from URLs, WebPage for navigation control…
blode-icons-react
Guides work on the blode-icons-react package and docs in this monorepo. Covers install and import paths, Lucide-compatible aliases, DynamicIcon naming, repo…
react-expert
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance…
create-landing
Create a landing page, sales page or waitlist hosted on Cloudflare - TanStack Start, shadcn/ui on Base UI, Tailwind CSS v4, a Lumail email form and an optional…
use-artifacts
Create Claude-style local HTML artifacts under ~/.agents/artifacts. Use for plans, prototypes, visualizations, dashboards, diagrams, options, or substantial…
fumadocs
Fumadocs documentation framework guidance. Use when working with Fumadocs - a flexible docs framework for Next.js, React Router, TanStack Start, and Waku.…
error-boundary-generator
Analyze a React application and generate error boundaries with appropriate fallback UIs where they're missing. Use when asked to add error boundaries, handle…
nextjs-middleware-generator
Generate Next.js middleware for authentication, authorization, redirects, CORS, rate limiting, and internationalization. Use when asked to create middleware,…
react-native-expert
React Native gotchas and decision criteria. Covers FlatList optimization, storage hierarchy, and platform-specific pitfalls.
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…
claat-build
Using claat-format Markdown (such as manual.md) as input, run the Go CLI with `go run github.com/nogikun/claat/cmd/claat-tools@v0.1.0` and, after passing lint, generate HTML in Google Codelabs format. lint…
claat-writer
From the supplied content and context (project source, README, configuration files, existing documentation, procedure notes, logs, URLs, etc.), create a manual.md… that Google Codelabs' claat can convert to HTML.
obsidian-publish-customize
Use when theming or scripting an Obsidian Publish site through publish.css or publish.js, including client-side workarounds. Excludes ordinary Publish usage,…
state-management
Expert guidance on frontend state management patterns including Redux, Zustand, MobX, Jotai, Recoil, and React Context. Helps choose the right solution and…
website-visual-assets
Generate website HTML exports and screenshots using the repo's HtmlRenderer and ScreenshotGenerator tools.
image-to-code
Implement a selected image, screenshot, mockup, or Image Gen reference as a faithful, responsive frontend.