본문으로 건너뛰기
cccskills

'interfaces' 검색 결과

941건 · 관련도순

Build Web3 applications, combining blockchain contracts with a user interface, in a defined sequence. Organize directories, define interfaces, implement and test contracts, configure wallet connections, build components, and prepare deployment scripts.

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

  • Planning a Web3 project's directory structure
  • Defining interfaces for external protocol integrations
  • Building wallet-connected contract interaction screens
HKUDS/OpenSpace7.8천2026년 8월 13일 업데이트

game-ui-frontend

Codex 공식무료

Design and implement browser game interfaces that keep the playfield visible. Create status displays, menus, and overlays with a consistent visual theme, responsive layouts for desktop and mobile, and clear interaction boundaries for 3D camera controls.

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

  • Design status displays that keep the playfield visible
  • Create menus that fit the game world
  • Adapt game interfaces for desktop and mobile
openai/plugins7.5천2026년 10월 8일 업데이트

Create or edit websites and application interfaces in the current iPolloWork Design session. Preserve shared design settings, component identities, and editing boundaries while making targeted or structural changes, then check affected interactions and supported exports through the host.

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

  • Creating a website or application interface in Design
  • Editing text or selected components
  • Changing a theme while preserving content and layout
Devin-AXIS/iPolloWork7.1천2026년 10월 20일 업데이트

Build working web pages, components, and app interfaces around a clear visual concept. Coordinate typography, color, spacing, motion, and interaction details, adapting layouts to different screen sizes while avoiding repetitive visual templates.

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

  • Building a landing page with a distinct visual direction
  • Creating a dark-themed analytics dashboard
  • Implementing responsive web components
tech-leads-club/agent-skills7.1천2026년 10월 21일 업데이트

Create dark interfaces with frosted glass panels, gradient borders, and subtle glow. The skill provides CSS and Tailwind patterns for cards, hero sections, and dashboards, with checks for readable contrast, visible focus, and mobile behavior.

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

  • Create a dark frosted glass hero section
  • Convert a bright interface to dark glass styling
  • Add gradient borders to cards and modals
MengTo/Skills6.9천2026년 10월 18일 업데이트

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
ThinkInAIXYZ/deepchat6.4천2026년 10월 20일 업데이트

colorize

무료

Add purposeful color to monochromatic interfaces so key actions, statuses, and categories are easier to recognize. Refine backgrounds, text, and charts around a consistent palette while checking contrast and avoiding reliance on color alone.

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

  • Adding warmth to a gray interface
  • Highlighting primary buttons
  • Distinguishing statuses and categories
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

Design and refine web interfaces around their audience, tasks, and brand tone. Covers typography, color, layout, motion, accessibility, and performance, with guided techniques for reviewing existing screens and preparing them for release.

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

  • Establishing a design system
  • Reviewing interface usability and accessibility
  • Adapting layouts for mobile devices
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

delight

무료

Add personality to interfaces through small interaction responses, completion animations, illustrations, and product-specific messages. Shape enjoyable moments around the brand and user context while preserving task flow, accessibility, and performance.

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

  • Refining button and form feedback
  • Adding personality to empty and loading states
  • Celebrating completions and milestones
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

overdrive

무료

Enhance existing interfaces with ambitious browser techniques, from scroll-linked animation and natural motion to smooth large-data displays. Compare implementation directions, build the selected approach, and refine it through browser previews, performance checks, and accessible fallbacks.

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

  • Adding scroll-linked effects to landing pages
  • Creating fluid transitions between buttons and dialogs
  • Keeping large tables and search results responsive
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

harden

무료

Strengthen interfaces for real usage by handling long text, network failures, empty data, and repeated submissions. Improve internationalization, meaning support for different languages and regional formats, alongside accessibility and recovery from errors.

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

  • Fixing layout overflow caused by long text
  • Adding recovery options for network and API errors
  • Supporting translations and right-to-left languages
fengshao1227/ccg-workflow5.9천2026년 10월 19일 업데이트

Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.

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

  • Building a landing page with a clear visual direction
  • Designing and implementing a dashboard
  • Creating styled React components
Galaxy-Dawn/claude-scholar5.9천2026년 10월 19일 업데이트

frontend-design

Vercel 공식무료

Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.

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

  • Build a landing page with a clear visual style
  • Refine a dashboard's visual design
  • Create a React component
vercel-labs/open-agents5.9천2026년 8월 29일 업데이트

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
HKUDS/ClawTeam5.5천2026년 5월 9일 업데이트

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.

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

  • Creating a landing page with a distinct visual direction
  • Designing and building a dashboard
  • Styling React components consistently
shareAI-lab/Kode-CLI5.2천2026년 10월 16일 업데이트

tdd

무료

Build features or fix bugs by writing one failing test, then the minimum code needed to pass it. Test agreed public interfaces, the boundaries callers use, to check behavior without depending on internal implementation details.

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

  • Building a feature through test-first development
  • Fixing a bug with a failing test first
  • Writing behavior-focused integration tests
vinvcn/mattpocock-skills-zh-CN5.2천2026년 10월 20일 업데이트

Design modules that expose simple interfaces while hiding substantial behavior. Use shared terms and principles to assess interface complexity, decide where behavior can be swapped, and organize code so callers and tests use the same interface.

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

  • Simplify a module interface
  • Review module structure during refactoring
  • Decide where behavior should be swappable
vinvcn/mattpocock-skills-zh-CN5.2천2026년 10월 20일 업데이트

Review and structure Rust backend changes using hexagonal architecture, which separates business rules from external interfaces. Check dependency direction, place authorization policy in domain services, and keep database operations and external clients behind defined interfaces.

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

  • Reviewing layer boundaries before Rust backend changes
  • Moving permission decisions into domain services
  • Separating database and external client implementations
macro-inc/macro4.8천2026년 10월 21일 업데이트

Build web pages, application interfaces, and components with a clear visual direction suited to their purpose and audience. It turns design choices about typography, color, layout, and motion into working frontend code with consistent visual details.

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

  • Building a landing page with a clear visual direction
  • Designing and implementing a dashboard
  • Creating styled React components
brycewang-stanford/Auto-Empirical-Research-Skills4.7천2026년 10월 20일 업데이트

Build features or fix bugs through test-driven development: write one failing test, add enough code to pass, then refactor. Focuses on observable behavior through public interfaces, helping tests remain useful when internal code changes.

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

  • Building a feature one tested behavior at a time
  • Reproducing a bug with a failing test before fixing it
  • Designing integration tests around public interfaces
zebbern/claude-code-guide4.7천2026년 10월 21일 업데이트

Explores alternative APIs, the interfaces other code uses to call a module. Parallel sub-agents develop distinctly different designs, then present signatures, usage examples, and trade-offs to help choose or combine an approach before implementation.

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

  • Comparing API designs before implementation
  • Weighing simplicity against flexibility
  • Reviewing interfaces from the caller's perspective
zebbern/claude-code-guide4.7천2026년 10월 21일 업데이트

Turn specifications into detailed implementation plans before coding. Break work into testable tasks with exact file paths, code, test commands, expected results, and interfaces so another developer or agent can carry out the work.

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

  • Planning a feature from written requirements
  • Preparing implementation instructions for another developer
  • Defining tests before writing code
spacering-net/codeg4천2026년 10월 20일 업데이트

Create interfaces and visual assets that follow the fast-agent brand. Use its design guidelines, colors, fonts, assets, and reusable interface components to build static HTML mockups, disposable prototypes, or designs implemented in production code.

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

  • Build an interface that follows the fast-agent brand
  • Create a static HTML mockup to preview
  • Design slides using the supplied brand assets
evalstate/fast-agent3.9천2026년 10월 21일 업데이트

Create requirements, designs, and task lists for multiple roadmap features in dependency order. Independent features run in parallel when supported, followed by checks that shared data, interfaces, naming, and work boundaries agree across specifications.

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

  • Prepare specifications for multiple planned features
  • Sequence specification work by feature dependencies
  • Check shared data and interfaces across specifications
gotalab/cc-sdd3.7천2026년 10월 13일 업데이트