positron-data-grid-pattern
Use when building a list, table, grid, or virtualized scrolling UI in Positron, or touching `DataGridInstance` / `PositronDataGrid`. Avoids the common mistake…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,379 results
shiny-for-python
Building, styling, testing, debugging, or observing a Shiny for Python (py-shiny) reactive web app - `from shiny import ...`, `shiny run app.py`. Index skill:…
adding-framework-support
Add a new framework integration to the PostHog wizard. Use when adding support for a new language or framework (e.g. Ruby on Rails, Go, Angular). Covers…
ssd-frontend-review
Use this skill when you need to check React/TypeScript code (.tsx/.ts) for compliance with SSD standards — covering naming, component structure, TypeScript types, Formik,…
frontend-design
Design and implement distinctive, production-grade frontend interfaces. Use when the user asks for UI/UX design, web components, pages, landing pages,…
ultrathink-frontend
Enterprise-grade frontend architecture and avant-garde UI design skill for creating distinctive, production-ready interfaces. Activates automatically for all…
create-ts-entry-point
Create the TypeScript entry point files for a new admin page. Covers the directory structure, listing and form entry points, and webpack registration.…
create-vue-component
Integrate a Vue 3 component into a Symfony admin page for complex UX sections. This is an exception pattern — most pages use initComponents with standard…
icons
Use consistent Lucide icons with the <x-icon> component. Use when adding icons to pages, buttons, or UI elements.
one-prompt-website
Build and ship a complete psquared one-page website from a single prompt: concept, designer-grade static page, AI images and a looping hero video (Leonardo /…
puda-ui
Create Streamlit manual-control frontends backed by the PUDA CLI. Use when building operator UIs, manual machine control panels, or apps that…
styling
StyleX styling system with project-specific design tokens, composable primitives, and custom css prop. MUST consult this skill before writing or modifying ANY…
answer-me
When encountering a complex explanation, turn the answer into a one-page visual HTML explanation page: the model only writes the extended Markdown content draft,`am render` is responsible for the template, components, SVG auto-layout, and STE controlled writing checks, producing a single-file page in one call and opening it automatically. Use it proactively when the answer involves any of the following situations, without waiting for the user to ask: ≥3 interrelated concepts; a process / protocol with branches or multiple participants…
qjudge-ui-carbon-owner
QJudge Frontend UI Full Responsibility Skill (Carbon-first, Storybook/Registry, overflow layout stability). Use when a task involves screen components, styles, layout, stories, or dual-scrollbar fixes.
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. Use when writing, reviewing, or refactoring React/Next.js code involving…
slack
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
present
Generate beautifully formatted HTML presentations with a dark theme. Triggers: /present, 'create presentation', 'visualize', 'make HTML'. Accepts any content…
sprint-planner
Read the journal backlog alongside the SRS, architecture, and optional frontend-design specs to plan the next sprint increment. Produces…
visual-development-skill
Use when developing or modifying visual elements (components, pages, layouts, styling). Covers Playwright screenshots, Compodium component preview,…
3d-web-experience
You bring the third dimension to the web. You know when 3D enhances and when it's just showing off. You balance visual impact with performance. You make 3D…
design-taste-frontend
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
mobile-design
(Mobile-First · Touch-First · Platform-Respectful)
nextjs-app-router-patterns
Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.
react-nextjs-development
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.