Skip to content
cccskills

Results for “interfaces”

942 skills · sorted by relevance

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.8KUpdated Aug 13, 2026

game-ui-frontend

Official · CodexFreeSummary

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.5KUpdated Oct 8, 2026

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.1KUpdated Oct 20, 2026

frontend-design

FreeSummary

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.1KUpdated Oct 21, 2026

glass-dark-ui

FreeSummary

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.9KUpdated Oct 18, 2026

frontend-design

FreeSummary

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.4KUpdated Oct 20, 2026

overdrive

FreeSummary

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.9KUpdated Oct 21, 2026

colorize

FreeSummary

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.9KUpdated Oct 21, 2026

delight

FreeSummary

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.9KUpdated Oct 21, 2026

frontend-design

FreeSummary

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.9KUpdated Oct 21, 2026

harden

FreeSummary

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.9KUpdated Oct 21, 2026

frontend-design

FreeSummary

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.9KUpdated Oct 19, 2026

frontend-design

Official · VercelFreeSummary

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.9KUpdated Aug 29, 2026

frontend-design

FreeSummary

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.5KUpdated May 9, 2026

frontend-design

FreeSummary

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.2KUpdated Oct 16, 2026

tdd

FreeSummary

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.2KUpdated Oct 20, 2026

codebase-design

FreeSummary

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.2KUpdated Oct 20, 2026

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.8KUpdated Oct 21, 2026

frontend-design

FreeSummary

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.7KUpdated Oct 20, 2026

test-driven-dev

FreeSummary

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.7KUpdated Oct 21, 2026

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.7KUpdated Oct 21, 2026

writing-plans

FreeSummary

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/codeg4KUpdated Oct 21, 2026

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.9KUpdated Oct 21, 2026

kiro-spec-design

FreeSummary

Turn requirements into a technical design with clear component responsibilities, interfaces, file changes, and testing plans. Research existing code and external dependencies, record design decisions, and review the draft before saving the design document.

  • Create a technical design from requirements
  • Plan how a new feature fits into an existing system
  • Define file responsibilities and component interfaces
gotalab/cc-sdd3.7KUpdated Oct 13, 2026