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/OpenSpace☆ 7.8KUpdated Aug 13, 2026
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/plugins☆ 7.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/iPolloWork☆ 7.1KUpdated Oct 20, 2026
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-skills☆ 7.1KUpdated Oct 21, 2026
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/Skills☆ 6.9KUpdated Oct 18, 2026
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/deepchat☆ 6.4KUpdated Oct 20, 2026
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-workflow☆ 5.9KUpdated Oct 21, 2026
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-workflow☆ 5.9KUpdated Oct 21, 2026
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-workflow☆ 5.9KUpdated Oct 21, 2026
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-workflow☆ 5.9KUpdated Oct 21, 2026
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-workflow☆ 5.9KUpdated Oct 21, 2026
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-scholar☆ 5.9KUpdated Oct 19, 2026
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-agents☆ 5.9KUpdated Aug 29, 2026
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/ClawTeam☆ 5.5KUpdated May 9, 2026
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-CLI☆ 5.2KUpdated Oct 16, 2026
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-CN☆ 5.2KUpdated Oct 20, 2026
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-CN☆ 5.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/macro☆ 4.8KUpdated Oct 21, 2026
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-Skills☆ 4.7KUpdated Oct 20, 2026
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-guide☆ 4.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-guide☆ 4.7KUpdated Oct 21, 2026
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/codeg☆ 4KUpdated 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-agent☆ 3.9KUpdated Oct 21, 2026
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-sdd☆ 3.7KUpdated Oct 13, 2026