417 skills · sorted by relevance
Guides changes to Handsontable themes and CSS, including cell spacing, text, icons, and theme tokens—named styling settings. It explains compatibility rules and the files and checks needed to keep theme changes consistent.
Guide the colors, fonts, spacing, and charts used in websites, slides, PDFs, and reports. Includes format-specific typography rules, readability checks, and named color and font themes for documents and other non-web outputs.
Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.
Design reusable Figma components, flexible layouts, and shared design systems. Get guidance on managing colors and spacing, supporting themes and screen sizes, and preparing clear specifications and assets for developers.
Review an existing interface component and identify three visual or interaction problems. Get concrete layout, spacing, color, and code changes that follow the project’s existing design conventions, with short before-and-after examples.
Build working web pages, components, and application interfaces with a clear visual direction. The skill guides typography, color, spacing, motion, and responsive layouts that adapt to different screen sizes.
Turn plain text or Markdown drafts into structured documents with headings, lists, and frontmatter metadata such as titles and summaries. Save a formatted copy and use scripts to correct spacing between East Asian text and English, plus emphasis punctuation.
Write and revise Chinese technical documentation using consistent spacing, punctuation, terminology, and structure. Includes README.md and API documentation templates, bilingual formatting examples, and a checklist for reviewing documents before publication.
Set and review how interface text renders, including font loading, size hierarchy, line spacing, wrapping, truncation, and punctuation. Apply fixes within the existing styling system and check how realistic content behaves across different widths.
Provides fallback methods for extracting PDF text when the usual file reader fails or returns incomplete content. Uses command-line tools or Python libraries to retrieve text, preserve spacing, inspect metadata, and extract tables.
Extract text from PDFs when read_file fails or returns unreadable data. Use dedicated command-line tools or Python libraries to retrieve text and tables, preserve spacing where possible, inspect document properties, and validate the extracted content.
Build pages and components, or refine spacing, color, and typography in existing interfaces. Use product styles and visual references to guide decisions, then check the rendered result across relevant screen sizes.
Add subtle vertical guides and small corner squares to web pages using CSS and HTML patterns. Align them with the content width across sections, preserve mobile spacing, and keep the guides from blocking clicks or text selection.
Design a clean agency-style page using nested containers: a light outer frame, dark inset sections, and rounded inner cards. Coordinate pricing, service groups, and action areas through clear hierarchy, generous spacing, and restrained accent colors.
Build particle trails that keep consistent spacing as the pointer speeds up or slows down. Covers distance-based emission, drifting motion, placement in 3D scenes, performance checks, and alternatives for touch, keyboard use, and reduced motion.
Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.
Build and tune enemy behavior for action games, including targeting, movement, attacks, retreats, and boss phases. Organize decisions into explicit states, make attacks readable to players, and check behavior with repeatable tests and browser encounters.
Turn rough screen ideas into clear prompts for generating user interfaces. Specify layout, typography, colors, spacing, and exact copy, then refine the results by changing one variable at a time to keep the design consistent.
Build screens, forms, and lists with shared UI components and design tokens, named values for spacing, colors, and typography. Provides patterns for consistent layouts, button variants, validation messages, and reusable component properties.
Align existing pages and components with a design system by reviewing colors, typography, spacing, and interaction patterns. Replace inconsistent styles and custom implementations with shared standards, then check code quality and usability.
Find repeated interface elements and shared visual values, then turn them into reusable components and design tokens, named values for colors or spacing. Update existing uses and document the additions within the project's design system.
Build working web pages, components, and application interfaces around a clear visual direction. Shape typography, color, spacing, and animation to suit the audience and purpose, producing cohesive designs instead of repetitive, generic layouts.
Convert Markdown files into Word documents with headings, tables, images, and code formatting. Supports batch conversion, optional contents pages, custom templates, and Chinese document styling, including automatic superscript formatting for eligible citation numbers.
Extract colors, fonts, spacing, and other design choices from a website URL. Generate eight files for review and reuse, including framework themes, CSS variables, Figma variables, and an accessibility score against WCAG guidelines.