'frontend' 검색 결과

Compare C# Web API source code with its TypeScript or JavaScript clients to find mismatched data fields, required inputs, and response handling. Receive an audit report showing client impact, severity, and confidence in each match.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Check client impact before merging a DTO or controller change
• Audit API compatibility before a release
• Find stale request fields and missing response fields

Generate page and component folder structures with a command, keeping related files together by feature. Create tabbed page shells, starter tests, and README files, and register page routes within the supplied frontend structure.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Starting a page with a consistent folder structure
• Creating a page shell with multiple tabs
• Adding components within a feature

Build Storybook page stories for SigNoz by mapping API requests, display states, and URL parameters. Use msw mock responses, which simulate API replies, and controls to inspect loading, errors, permissions, and other page states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating Storybook stories for SigNoz pages
• Switching between loading, empty, and error states
• Checking how permissions affect buttons and controls

Create animated HTML presentations from notes, a topic, or PowerPoint files. Compare three visual style previews, then build a browser-based deck with a fixed widescreen layout, editable text, and optional PDF export or web publishing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create slides for a talk or pitch
• Convert PowerPoint slides to HTML
• Compare visual styles before choosing a design

Guide website and web app development through implementation, builds, testing, and visual checks in a real browser. The workflow covers responsive layouts, accessibility, reusable components, and screenshots, with production checks after deployment when applicable.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a website and verify it in a real browser
• Check layouts across desktop and tablet screens
• Extend existing components for consistent pages

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Build and update Mastra application interfaces using existing components from @mastra/playground-ui. Follow shared visual styles, arrange layouts with Tailwind utilities, and connect themes and stylesheets while avoiding duplicated components or unsupported appearance overrides.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a new Mastra application screen
• Adjusting layouts with existing components
• Connecting shared themes and stylesheets

Create disposable OpenWork previews for hands-on review of app and Den changes. Choose local, Daytona, or Freestyle environments as supported, reopen existing previews, update supported frontend changes while preserving progress, and reset or stop environments when finished.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Trying OpenWork changes before merging a PR
• Reviewing signup and team administration flows
• Testing the desktop app together with Den

Add or modify Tauri commands in the screenpipe desktop app and regenerate TypeScript bindings, the code connecting frontend calls to Rust handlers. Follow the required annotations and checks to keep both sides consistent.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding a command to the desktop app
• Updating Rust types exposed to the frontend
• Regenerating TypeScript bindings after changes

Set up Kortix as a product under your own brand. This skill guides license signing, Platinum compute configuration, and changes to names, logos, colors, and frontend branding, while explaining the operating conditions stated in the agreement.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Offering Kortix under your own product name
• Changing names and logos through the Branding tab
• Building a branded frontend with @kortix/sdk

Design web interfaces, build prototypes, and integrate changes into existing apps while respecting their visual rules and components. Choose direct code generation or Claude Code design commands, with an experimental browser canvas option for visual review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Improve a landing page within an existing app
• Design a dashboard using existing visual rules
• Sync a codebase with Claude Design

Test local web applications with Python scripts using Playwright, a browser automation tool. Inspect rendered pages, exercise interface controls, capture screenshots and console logs, and use a helper to manage one or more application servers during tests.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Verifying buttons, links, and form inputs in a local app
• Investigating unexpected interface behavior
• Capturing screenshots and browser console logs

Choose a frontend library for tasks such as notifications, charts, drag and drop, or shared application state. The skill checks existing dependencies and recommends one library from a curated list, with setup when requested.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choose a library for notifications or verification code inputs
• Select a chart library for live data or dashboards
• Find tools for drag and drop or long lists

Review OpenClaw frontend code and rendered screens for departures from Carapace design rules, accessibility issues, responsive defects, and inconsistent copy. Produce evidence-based JSON and Markdown reports that distinguish documented violations from judgment-based suggestions and guide narrowly scoped fixes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Check compliance with Carapace design rules
• Review desktop and mobile interfaces
• Audit accessibility and brand copy

Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Move an existing web app into Stitch
• Review React or Vue component designs in Stitch
• Extract design rules alongside screen HTML

Build working web pages and interface components with a clear visual direction. The skill guides typography, color, spacing, layout, and animation choices, translating the intended audience, purpose, and technical constraints into cohesive frontend code.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a webpage with a distinctive visual direction
• Design and implement cohesive application components
• Create an interface with coordinated animation and layout

Build a Web3 application that interacts with a blockchain, from contract interfaces and frontend screens to tests and deployment scripts. Package source code, configuration templates, and setup documentation into a ZIP for delivery.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building contracts and frontend screens together
• Creating wallet connections and contract interaction forms
• Preparing deployment scripts and address configuration

Recreate a website from its URL as a locally runnable frontend app. Capture desktop and mobile layouts, assets, and interactive states, then compare the implementation with the source and complete visual and interaction quality checks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Recreating a website you own as a local app
• Reproducing desktop and mobile layouts
• Recreating menus, forms, and other interactions

Create websites, dashboards, games, and app interfaces from image-generated design concepts. The skill turns the accepted concept into reusable UI components, implements working controls, and checks browser rendering, interactions, and responsive layouts against the design.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a new website from visual concepts
• Create a dashboard or management interface
• Redesign the appearance of an existing site

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Analyze code, database queries, or systems for performance problems involving speed, memory, and frontend file size. Get prioritized recommendations with code examples, expected impact, implementation effort, risks, and a roadmap for improvements.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate a slow function or module
• Review memory usage and possible leaks
• Find inefficient database queries

Turn feature requests into documented plans, revise them through discussion, and carry out implementation with progress tracking. Frontend work includes checking for a UI design and arranging design work when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turning a feature idea into a development plan
• Revising a plan after feedback
• Implementing tasks from an agreed plan

Guide new feature work from requirements and planning through revisions and implementation. Create Markdown plans with acceptance criteria, track progress, and ensure frontend tasks have a UI design before development begins.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Turn a feature idea into an implementation plan
• Revise a plan based on feedback
• Start implementation from an agreed plan

Improves typography in web interfaces by reviewing fonts, text sizes, weights, spacing, and visual hierarchy. It helps make headings and body text easier to distinguish and read, while checking consistency, font loading, and accessibility.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarify headings, body text, and captions
• Improve readability on long text pages
• Unify inconsistent text styles