본문으로 건너뛰기
cccskills

'interfaces' 검색 결과

927건 · 관련도순

api-and-interface-design

무료요약 있음AI 평가 100점

API와 모듈 사이의 입출력을 정의하고 이름, 오류 형식, 입력 검증을 통일합니다. 기존 호출 측과의 호환성과 재시도로 인한 중복 처리도 고려합니다.

  • 새 REST API를 설계합니다
  • 화면과 서버 사이의 데이터 규격을 정합니다
  • 호환성을 유지하며 API를 확장합니다
addyosmani/agent-skills10.9만2026년 10월 14일 업데이트

frontend-ui-engineering

무료요약 있음AI 평가 90점

기존 디자인 체계에 따라 스마트폰부터 큰 화면까지 대응하는 UI를 구현합니다. 컴포넌트 구조와 상태 관리, 키보드 조작, 로딩 중·빈 데이터·오류 표시를 정리합니다.

  • 새 페이지와 UI 컴포넌트를 만듭니다
  • 스마트폰과 컴퓨터 화면을 조정합니다
  • 키보드와 화면 읽기 지원을 개선합니다
addyosmani/agent-skills10.9만2026년 10월 14일 업데이트

frontend-skill

무료요약 있음AI 평가 80점

OpenAI의 프런트엔드 제작 지침을 바탕으로 요소를 줄인 화면을 구성합니다. 시각적으로 정돈된 랜딩 페이지, 웹사이트, 앱 UI를 제작합니다.

  • 절제된 구성의 랜딩 페이지를 만듭니다
  • 시각적으로 정돈된 웹사이트를 제작합니다
  • 앱 UI를 제작합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

flutter-animating-apps

무료요약 있음AI 평가 80점

Flutter 앱에 애니메이션 효과와 화면 전환, 화면 안의 움직임을 구현하도록 돕습니다. iOS와 Android용 앱에 모션 디자인을 적용할 때 사용합니다.

  • Flutter 화면에 애니메이션 추가
  • 화면 전환 시 움직임 구현
  • iOS와 Android 화면의 움직임 구현
nexu-io/open-design10.3만2026년 10월 20일 업데이트

industrial-brutalist-ui

무료요약 있음AI 평가 90점

엄격한 그리드, 큰 글자와 촘촘한 데이터, 빨간 강조색으로 산업 매뉴얼이나 오래된 단말기 같은 웹 화면을 설계합니다. 종이와 주사선 질감도 활용합니다.

  • 데이터가 많은 대시보드 프로토타입 제작
  • 인쇄물 느낌의 포트폴리오 제작
  • 어두운 단말기 스타일 화면 설계
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Turn specifications and algorithm outlines into a system architecture. Define components, interfaces, data structures, and deployment plans, then document technology choices, security measures, failure handling, and plans for supporting increased usage.

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

  • Turn specifications into a system design
  • Define component responsibilities and API interfaces
  • Plan for increased traffic and component failures
ruvnet/ruflo7.8만2026년 10월 20일 업데이트

Design and implement backend APIs, the interfaces applications use to exchange data. Cover authentication, input validation, error handling, tests, and documentation, while consulting stored implementation patterns and recording results for reuse in later development tasks.

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

  • Add login and registration endpoints
  • Build product create, read, update, and delete APIs
  • Design REST or GraphQL interfaces
ruvnet/ruflo7.8만2026년 10월 20일 업데이트

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

  • Creating interfaces with multiple components
  • Building artifacts with changing data and multiple views
  • Sharing a React app as a single HTML file
ComposioHQ/awesome-claude-skills7.8만2026년 9월 18일 업데이트

Build command-line interfaces for graphical applications in Cursor using the CLI-Anything workflow. It supports creating and extending these interfaces, running tests, checking required criteria, and listing tools through slash commands or natural-language requests.

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

  • Build a command-line interface for a graphical application
  • Extend an existing CLI to cover more operations
  • Run tests and validate a CLI implementation
HKUDS/CLI-Anything5.6만2026년 9월 22일 업데이트

Design tools that AI agents can choose and use correctly. Define clear descriptions, inputs, and outputs, manage large search results, and plan approval checks, isolated execution environments, and interfaces for collaboration between agents.

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

  • Reviewing the scope of tools for an MCP server
  • Improving tool descriptions and input examples
  • Designing pagination and truncation for search results
bojieli/ai-agent-book5.5만2026년 10월 9일 업데이트

pi-agent

무료

Set up and customize Pi, a terminal coding agent framework. This skill guides model configuration, extension development, terminal interfaces, and integration with other applications through its SDK, a software development kit, or process messaging.

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

  • Install Pi and configure model access
  • Create custom tools and terminal interfaces
  • Embed Pi in another application
K-Dense-AI/scientific-agent-skills5.3만2026년 10월 19일 업데이트

Design autonomous coding agents with patterns inspired by Cline and OpenAI Codex. Explore tool calling interfaces, permission and approval systems, browser automation, and workflows where people review or guide the agent's actions.

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

  • Planning an autonomous coding agent
  • Designing tool and function calling interfaces
  • Defining permissions and approval steps
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

Design APIs and interfaces between parts of an application with clear input and output types, consistent errors, and predictable names. The guidance helps you extend existing interfaces while preserving compatibility for the code that uses them.

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

  • Designing new REST or GraphQL endpoints
  • Defining contracts between frontend and backend
  • Reviewing changes to a public interface
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

Build web interfaces with floating cards, spatial depth, and translucent glass effects using GSAP and 3D CSS. Add scroll animations while preserving keyboard navigation and providing static states for users who request reduced motion.

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

  • Building a landing page with floating cards
  • Adding depth to a dashboard
  • Creating scroll-linked animations
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

Test app interfaces on an Android emulator using ADB, a command-line device tool. Inspect element positions, perform taps and text entry, then check screenshots and React Native logs to verify behavior and investigate layout or interaction bugs.

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

  • Verify app interfaces after UI changes
  • Investigate layout and interaction bugs
  • Check feature behavior through automated interactions
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

Support authorized hardware security research by locating debug interfaces, recording pin assignments and voltage levels, and collecting boot logs. Assess interface locks and firmware extraction options, then hand extracted images to firmware analysis tools.

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

  • Locate UART, JTAG, and SWD debug interfaces
  • Collect and document boot logs
  • Assess secure boot and encrypted flash
zhaoxuya520/reverse-skill4.3만2026년 9월 22일 업데이트

Design and implement native Android interfaces using Material Design 3 and Jetpack Compose, Android's UI toolkit. The skill covers layouts for different screen sizes, navigation, theming, accessibility, and state handling for reusable components.

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

  • Build Android screens with Jetpack Compose
  • Adapt layouts for phones, tablets, and foldables
  • Set up dynamic colors and dark mode
wshobson/agents4.1만2026년 10월 20일 업데이트

Build and review interfaces against WCAG 2.2 accessibility guidelines. Covers keyboard navigation, screen readers that read interface content aloud, accessible forms, mobile support, and display preferences, helping identify and fix barriers to using a website or app.

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

  • Audit an interface for accessibility issues
  • Add keyboard navigation and focus management
  • Improve screen reader support for forms
wshobson/agents4.1만2026년 10월 20일 업데이트

Build web interfaces that adapt to screen and component widths. Use CSS Grid, flexible text and spacing, and container queries, which respond to a component’s available space, to adjust layouts, images, navigation, and tables.

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

  • Building layouts that start with mobile screens
  • Adapting components to their available width
  • Scaling text and spacing with screen size
wshobson/agents4.1만2026년 10월 20일 업데이트

Design and implement native iPhone and iPad interfaces with SwiftUI using Apple's design guidelines. Covers screen navigation, flexible layouts, system icons, accessibility, adjustable text sizes, and colors that adapt to light and dark modes.

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

  • Designing iOS screens using Apple's guidelines
  • Building layouts for both iPhone and iPad
  • Implementing tabs and screen navigation
wshobson/agents4.1만2026년 10월 20일 업데이트

Add Python type hints and configure strict checking with mypy or pyright to catch type errors before execution. Covers reusable classes that preserve type information, interfaces defined by required members, and checks for possibly missing values.

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

  • Adding type hints to existing Python code
  • Introducing strict type checks gradually
  • Designing reusable classes with preserved types
wshobson/agents4.1만2026년 10월 20일 업데이트

Design, refine, or review web and iOS interfaces using the product’s existing components and visual style. Consult relevant screen examples when useful, then inspect the result for layout problems, inaccessible controls, and broken interactions.

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

  • Designing screens that fit an existing product
  • Refining a dashboard or simplifying an interface
  • Reviewing layouts and interactions before release
github/awesome-copilot4만2026년 10월 20일 업데이트

antd

무료

Helps build and maintain Ant Design interfaces by checking component options, examples, and theme settings. It also supports debugging, version migrations, and project scans to identify deprecated code and configuration issues.

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

  • Build interfaces using component APIs and working examples
  • Investigate component bugs and configuration issues
  • Check changes before upgrading Ant Design
ant-design/ant-design-pro3.9만2026년 10월 15일 업데이트

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

  • Creating interfaces with multiple components
  • Building artifacts with changing data and multiple views
  • Sharing a React app as a single HTML file
davila7/claude-code-templates3.3만2026년 10월 20일 업데이트