1.2K skills · sorted by relevance
Build Svelte interfaces for json-render using 36 ready-made components. This skill guides component selection, connects component definitions to implementations, and explains form validation settings for apps using Svelte 5 and Tailwind CSS.
Turn a research paper into a conference poster using its figures and findings. Produce one HTML/CSS file and a print-ready PDF, with measured layout checks and Gemini reviews of content accuracy and final appearance.
Turn a research paper into a conference poster using HTML/CSS and figures from the paper. Check claims against evidence, measure the print layout, and produce a PDF matched to the venue’s required dimensions.
Inspect the current QM web interface through its HTML and structured app state, with optional stylesheets and a rendered image. Use it to explain visible UI elements, help with interface questions, or check how a canvas appeared.
Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.
Save a rendered web application view as static HTML with embedded styles and images. Capture a specific page or interface state for sharing or Stitch upload, using Puppeteer or an interactive browser capture workflow.
Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.
Add a background blur that grows stronger toward the top or bottom of a webpage. Layered CSS masks control the transition, with snippets and guidance for adjusting height, blur strength, stacking order, and rendering cost.
Creates bold interface components with thick black borders, vivid colors, sharp corners, and solid offset shadows. Uses shared CSS settings to coordinate cards, buttons, navigation, inputs, and badges, including interaction states and accessibility considerations.
Builds frosted-glass interface components using translucent backgrounds, background blur, subtle borders, and soft shadows. Provides shared CSS settings and examples for consistent cards, navigation bars, modals, and buttons, with guidance on readability and browser support.
Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends. USE FOR: stylelint.config.*, .stylelintrc*, CSS or SCSS assets; CSS linting; duplicate style cleanup and naming-convention checks. DO NOT USE FOR: JavaScript or TypeScript lint ownership; runtime accessibility, performance, SEO, or header checks. INVOKES: inspect the repository context, edit targeted files, and run relevant build, test, lint, or validation commands when changes are made.
The English summary is being prepared. Showing the original description.
This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns. Triggers on "review CSS", "audit styles", "check CSS", "validate stylesheet", "CSS review". Checks semantic naming, dark mode coverage, Tailwind usage, and test coverage.
The English summary is being prepared. Showing the original description.
D-ZERO の CSS コーディング規約。CSS を書く・編集する・レビューするときに使う。コンポーネントのスタイル、レイアウト、レスポンシブ、カスタムプロパティ、セレクタ設計に適用する。
The English summary is being prepared. Showing the original description.
Build UIs with Tailwind CSS — utility classes, responsive design, dark mode, custom configuration, component patterns, animations, plugins, and design system setup. Use when tasks involve styling web applications, configuring design tokens, building responsive layouts, or migrating from other CSS approaches.
The English summary is being prepared. Showing the original description.
Agent fallback for CBasePlayerPawn_PhysicsSimulate (auto-generated, category: vfunc). Locate CBasePlayerPawn::PhysicsSimulate in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBasePlayerPawn_PhysicsSimulate, CBasePlayerPawn::PhysicsSimulate
The English summary is being prepared. Showing the original description.
Agent fallback for CBasePlayerPawn_PrePhysicsSimulate (auto-generated, category: vfunc). Locate CBasePlayerPawn::PrePhysicsSimulate in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBasePlayerPawn_PrePhysicsSimulate, CBasePlayerPawn::PrePhysicsSimulate
The English summary is being prepared. Showing the original description.
Agent fallback for CBaseEntity_VPhysicsStartTouch-decompiles (auto-generated, category: func). Locate CBaseEntity::VPhysicsStartTouch in the CS2 server module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CBaseEntity_VPhysicsStartTouch-decompiles, CBaseEntity::VPhysicsStartTouch
The English summary is being prepared. Showing the original description.
Turn existing interface code into shared design rules for colors, type, and spacing, with documented decisions and an interactive preview. Audit visual consistency across ten areas and identify specific places to improve.
Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.
Build web pages and interface components with a clear visual direction and working code. Shape typography, colors, layouts, and animation around the intended audience and purpose, with support for HTML/CSS/JS, React, and Vue implementations.
Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.
Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.
Audit a page’s HTTP requests to find unnecessary network activity behind slow loading. Confirm bottlenecks with performance measurements, then suggest changes such as combining files, grouping icons, or embedding resources needed for the initial display.
Check whether HTML, JavaScript, and CSS are delivered with Gzip or Brotli compression. Use measured loading problems and response headers to guide server or CDN changes that reduce the amount of data downloaded.