teaching-html-story-deck
Create or upgrade standalone interactive teaching HTML story decks with problem-first narrative, content-specific inline SVG diagrams, architecture and…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
11,343 results
Create or upgrade standalone interactive teaching HTML story decks with problem-first narrative, content-specific inline SVG diagrams, architecture and…
Use when building or modifying plugin UI with @lottiefiles/creator-plugins-ui. Applies when adding React components in src/, using…
Turn requirements, existing interfaces, and real assets into a distinctive, interaction-consistent frontend, covering pages, components, navigation, GSAP displays, and image, audio, and video. Triggers: designing a frontend, an interface that is not professional enough, creating an interactive case collection; design or refine a frontend UI.
Idempotently integrate Lovinsp into an existing frontend project and verify the click-to-locate-source capability. Supports explicit input and result read-back. Use to integrate Lovinsp in a frontend project.
Maintain the LovStudio website's partners section AND align partner logo rows on event posters / hero strips: reuse lovstudio-find-logo for brand logo…
Publish or submit a validated Skill. Default to the LovStudio official website, run lov-skill-pricing automatically, and use other channels only when…
Frontend directory structure and file organization patterns — where components, hooks, lib, and types live. Apply when creating new components or restructuring…
Essential guidelines for clear, maintainable frontend code — naming, component structure, state management, prop patterns. Follow when writing or reviewing…
Publish self-contained HTML visualizations (diagrams, architecture reviews, analysis reports) viewable directly on GitHub via gist + htmlpreview. Use when the…
S3 + CloudFront + Lambda@Edge for low-cost global hosting with edge authentication. Apply when setting up frontend hosting infrastructure.
Build production-grade frontend interfaces that look like they came from Linear, Vercel, Stripe, Notion, Raycast, or Apple — not from an LLM. Enforces four…
Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dashboards, admin panels, components,…
Master router for the Taste Skill Pack. Reads the user brief, chooses the most suitable UI style, then delegates to the matching style skill plus the shared…
End-to-end workflow for creating, rebuilding, or enhancing a client's website. Covers SEO audit, content extraction, Next.js scaffolding, real image/video…
End-to-end workflow for creating, rebuilding, or enhancing a client's website. Covers SEO audit, content extraction, Next.js scaffolding, real image/video…
One-time onboarding for a new consumer site: SEO audit of the existing site, Next.js 16 scaffold, @m13v/seo-components install, route-group architecture, real…
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user…
Use when planning new projects, onboarding, or reviewing architectural decisions. Core principles and project structure for React 19 SPA development. Covers…
Rebrand a cloned website with your own identity — swaps colors, fonts, logo, favicons, and rewrites all copy for your brand while keeping the cloned layout,…
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web UIs, React components, landing pages,…
Hexo Butterfly theme configuration and usage guide, including theme installation, page configuration, theme configuration, tag plugins, FAQ, advanced tutorials
Guides proper date and time formatting in OneKey app. Use when displaying dates/times in UI, formatting timestamps, or when dates need to follow app locale…
Generate server-side JSONL UI messages using A2UI v0.8 (based on renderers/lit/src/0.8 and specification/0.8), and implement client events and A2A extension callback. Suitable for converting user requirements into an A2UI component tree + data model + rendering sequence, as well as handling action/userAction...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text),…