Skip to content
cccskills

Results for “screen”

3K skills · sorted by relevance

agent-browser

FreeSummary

Automate website tasks such as navigating pages, filling forms, clicking buttons, taking screenshots, and extracting data. The skill also supports web app testing, with specialized guides for Electron desktop apps, Slack, and cloud browsers.

  • Automate form entry and page navigation
  • Capture screenshots and extract page data
  • Explore web apps for bugs
kortix-ai/suna20.3KUpdated Oct 21, 2026

image-enhancer

FreeSummary

Improve screenshots and digital images by increasing resolution, sharpening details, and reducing noise and compression artifacts. Prepare images for presentations, documentation, blogs, or social posts, with folder-wide batch processing and backups of the originals.

  • Improving screenshots for blogs and documentation
  • Upscaling images for presentations
  • Preparing images for social media
composio-community/awesome-codex-skills17KUpdated Jul 26, 2026

quality-screen

FreeSummary

Screen listed companies using seven financial measures covering profitability, cash flow, debt payments, and share dilution, which reduces existing shareholders' ownership. Produce comparison tables showing exclusions, exemptions, borderline results, and missing data to guide further research.

  • Screening several listed companies before deeper research
  • Comparing financial quality within an industry
  • Reviewing index constituents or investment themes
xbtlin/ai-berkshire16.8KUpdated Oct 21, 2026

mobile-eas-dev

FreeSummary

Run apps/mobile on an EAS cloud iOS simulator from a workspace without local Xcode. Connect it to the workspace’s development server, interact with screens, capture screenshots, and check how source changes appear in the app.

  • Launch the mobile app from a cloud workspace
  • Check authentication flows and screen appearance
  • Press buttons and fill fields in the simulator
superset-sh/superset15.4KUpdated Oct 21, 2026

browser

FreeSummary

Browse pages, click controls, fill fields, and inspect screenshots or console messages through Superset's browser pane. Use it to preview a running web app, check interface behavior, and work through browser tasks in a visible session.

  • Preview a locally running web app
  • Capture screenshots of a page
  • Inspect console errors
superset-sh/superset15.4KUpdated Oct 21, 2026

Run the mobile app against local services in an iOS simulator, automate interactions with Maestro, and capture recordings or screenshots. Prepare demo data, inspect footage for private information, and restore the environment after recording.

  • Recording a mobile app demo
  • Checking changes in the running app
  • Capturing dark mode and large text variants
superset-sh/superset15.4KUpdated Oct 21, 2026

Support academic work from refining a research question to literature reviews, manuscript drafting, citation checks, and revision. Select workflows for the current stage, including study selection against eligibility criteria, peer review, and experiment planning.

  • Narrow a broad topic into a research question
  • Prepare a literature review or systematic review
  • Draft a paper outline or abstract and check citations
Imbad0202/academic-research-skills-codex13.3KUpdated Oct 16, 2026

screen-detox

FreeSummary

Review habitual phone scrolling through three days of screen-time records, changes to app access, and alternatives such as reading or walking. If the plan proves difficult, this skill helps narrow the goal to something more manageable.

  • Reducing bedtime phone scrolling
  • Replacing short videos with offline activities
  • Identifying apps that consume the most time
kangarooking/cangjie-skill11.5KUpdated Oct 2, 2026

design-critique

FreeSummary

Review a Figma design, screenshot, or written description for usability, visual hierarchy, consistency, and accessibility. Receive specific findings, explanations, and prioritized improvements, with feedback tailored to the design stage and intended users.

  • Reviewing an early screen design
  • Checking navigation and onboarding usability
  • Finding inconsistent colors, spacing, and typography
TencentCloud/Octop10.6KUpdated Oct 21, 2026

mobile-app

FreeSummary

Design a single mobile app screen inside a detailed iPhone 15 Pro frame. Include a status bar, app header, main content, and bottom tabs, with Dynamic Island and spacing around the screen edges.

  • Presenting an app screen inside an iPhone frame
  • Designing a feed, list, detail screen, or form
  • Exploring a layout with four or five bottom tabs
nexu-io/html-anything9.2KUpdated Oct 13, 2026

stitch::manage-design-system

Official · GoogleFreeSummary

Create and update shared design rules in Stitch, including colors, fonts, and corner shapes, then apply them to existing screens. Keep a DESIGN.md file and project metadata alongside the design system.

  • Apply shared design rules across existing screens
  • Turn a theme description into concrete design values
  • Create or update a design system in Stitch
google-labs-code/stitch-skills8.5KUpdated Aug 18, 2026

stitch::react-native

Official · GoogleFreeSummary

Turn Stitch HTML designs into React Native screens and reusable components, or update existing components to match newer designs. Extract shared style values, implement layouts with StyleSheet, and organize navigation, data, and interaction logic.

  • Convert Stitch designs into React Native screens
  • Update existing components to match newer Stitch designs
  • Share colors, fonts, and spacing across screens
google-labs-code/stitch-skills8.5KUpdated Aug 18, 2026

remotion

Official · GoogleFreeSummary

Create walkthrough videos from Stitch app screens using Remotion. Arrange screenshots in sequence, add fades, slides, zoom effects, and explanatory text, then preview the timing and render a video such as an MP4.

  • Create an app introduction from Stitch screens
  • Explain a user journey through a sequence of screens
  • Highlight interface features with zoom and labels
google-labs-code/stitch-skills8.5KUpdated Aug 18, 2026

design-md

Official · GoogleFreeSummary

Analyze existing Stitch screens and document their colors, typography, components, and layout in DESIGN.md. The resulting design reference combines plain visual descriptions with precise color values to guide requests for new screens.

  • Document design rules from an existing screen
  • Prepare a design reference for new screen prompts
  • Record color codes and their functional roles
google-labs-code/stitch-skills8.5KUpdated Aug 18, 2026

agent-browser

FreeSummary

Automate website interactions through a command-line browser tool. Navigate pages, fill forms, extract text, save screenshots or PDFs, reuse login sessions, and compare page states to check the effects of actions or website changes.

  • Automating form entry and submission
  • Extracting page text and saving screenshots
  • Comparing page appearance before and after changes
mvschwarz/openrig8KUpdated Oct 21, 2026

image-to-code

Official · CodexFreeSummary

Turn a selected screenshot, mockup, or generated image into a responsive website or web app. Recreate its layout and visual assets, implement core interactions, and compare the running result with the reference in a browser.

  • Build an interactive prototype from a mockup
  • Recreate a screenshot as a responsive web page
  • Implement a mobile screen from a selected reference
openai/plugins7.5KUpdated Oct 8, 2026

figma-generate-design

Official · CodexFreeSummary

Build or update Figma pages, dialogs, and panels from code or descriptions. The workflow reuses design system components, shared colors, spacing, and text styles, producing assembled views that remain linked to existing design resources.

  • Recreate an application page in Figma
  • Update an existing screen to match code
  • Build a dialog using shared components
openai/plugins7.5KUpdated Oct 8, 2026

boltz-small-molecule-screen

Official · CodexFreeSummary

Screen an existing compound library against a protein target with Boltz. Rank candidates by binding confidence or lead optimization score, download predicted structures, and review solubility, permeability, and lipophilicity results alongside the ranked hits.

  • Screening an existing compound library against a protein
  • Finding candidates with high binding confidence
  • Comparing candidates for lead optimization
openai/plugins7.5KUpdated Oct 8, 2026

swiftui-ui-patterns

Official · CodexFreeSummary

Build or refactor SwiftUI screens using component examples for navigation, state, layouts, and controls. The skill guides screen composition, asynchronous loading, previews, and build checks while following existing project conventions and supported operating system versions.

  • Set up tabs, navigation, and sheets in a new app
  • Refactor large screens into focused subviews
  • Clarify state ownership and dependency sharing
openai/plugins7.5KUpdated Oct 8, 2026

ui

FreeSummary

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.

  • Building a new page or component
  • Refining spacing and typography in an existing screen
  • Improving an interface using screenshots
tw93/Waza7.3KUpdated Oct 18, 2026

Build or update Figma pages, modals, and other composed views from code or descriptions. Reuse existing components, shared color and spacing values, and styles, assembling and checking the design section by section.

  • Recreate an application page in Figma from code
  • Build a landing page using an existing design system
  • Create a modal or sidebar from a description
Devin-AXIS/iPolloWork7.1KUpdated Oct 20, 2026

html-demo

FreeSummary

Create live HTML product demos that show an app’s workflow inside a Mac-style window. Reproduce real interface text and results, animate a scripted pointer, and support step navigation, scrubbing, and consistent frozen frames.

  • Adding an animated app demo to a landing page
  • Explaining a feature through step-by-step UI playback
  • Replacing UI recordings or GIFs with live HTML
MengTo/Skills6.9KUpdated Oct 18, 2026

Turn HTML files or live reference pages into articles with reusable prompts for recreating animations and interactions. Includes source inspection, screenshots, optional video capture, and checks that article text and media render correctly.

  • Extracting reusable interaction prompts from HTML
  • Writing screenshot-backed articles about web animations
  • Recording live page motion and collecting reference frames
MengTo/Skills6.9KUpdated Oct 18, 2026

Capture long web pages by scrolling, waiting for content to settle and stitching screen captures together. Repair missing sections on animated or lazy loaded pages, then derive section crops and validate them against visual references.

  • Repairing blank or incomplete full page screenshots
  • Capturing pages with scroll animations or lazy loaded content
  • Creating article section crops from a stitched image
MengTo/Skills6.9KUpdated Oct 18, 2026