본문으로 건너뛰기
cccskills

风少1227

@fengshao1227

Full-stack engineer, obsessively detail-oriented. Creator of CCG Workflow — orchestrating Claude + Codex + Gemini to work in parallel, not in isolation.

스킬 58개저장소 1개 5.9천

스킬(58)

검색에서 좁히기

arrange

무료

Improve interface layouts by reviewing spacing, alignment, content density, and visual hierarchy, the cues that show what matters most. Refine repetitive card grids and crowded sections into compositions with consistent spacing and responsive structure.

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

  • Adjusting spacing in a crowded interface
  • Making important content easier to spot
  • Varying repetitive card-based layouts
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

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월 21일 업데이트

polish

무료

Review a functionally complete interface before release and fix details in spacing, alignment, typography, wording, and interaction states. The skill also covers responsive layouts, accessibility, loading behavior, and code cleanup as part of the final quality pass.

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

  • Reviewing an interface before launch
  • Fixing inconsistent spacing and typography
  • Checking loading, error, and empty states
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Organize development work across multiple AI agents by defining roles, splitting tasks, sharing status, and resolving conflicts. Use file ownership rules and Codex agent tools to coordinate parallel changes without assigning simultaneous writers to one file.

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

  • Breaking a large development task into assignments
  • Processing multiple files in parallel
  • Coordinating refactoring across modules
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Scan code for security risks such as injection attacks and embedded secrets, then report findings by severity. Also check whether design documents record security decisions, trust boundaries, and accepted risks.

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

  • Security checks before committing code
  • Reviewing authentication and authorization changes
  • Finding embedded keys and secrets
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

seo

무료

Coordinate SEO work from Google Search Console analysis and keyword research to title improvements, article creation, translation, internal linking, and technical audits. Follow a workflow that connects search performance diagnosis with content updates, validation, and deployment.

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

  • Reviewing search impressions and click-through rates
  • Researching keywords and improving article titles
  • Creating blog content and translating articles
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

audit

무료

Review interface code for accessibility, performance, theme support, responsive behavior, and problematic patterns. Receive a scored report with code locations, user impact, severity levels, and prioritized recommendations to guide subsequent fixes.

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

  • Checking accessibility before release
  • Reviewing performance issues in interface code
  • Inspecting dark mode and mobile layouts
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Creates bold interface components with thick black borders, vivid colors, sharp corners, and solid offset shadows. Uses shared CSS settings to coordinate cards, buttons, navigation, inputs, and badges, including interaction states and accessibility considerations.

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

  • Creating cards with bold borders and solid shadows
  • Adding hover and pressed states to buttons
  • Coordinating navigation, inputs, and badges
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

optimize

무료

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

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

  • Reducing slow initial page loads
  • Improving sluggish scrolling and animations
  • Reducing image and JavaScript download sizes
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Build soft, clay-like interface components using rounded corners and layered shadows. Includes CSS variables and examples for cards, buttons, inputs, and toggles, with guidance for dark mode, readable text contrast, and visible keyboard focus.

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

  • Designing soft, dimensional cards and buttons
  • Giving inputs and toggles a consistent appearance
  • Adapting clay-like components for dark mode
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Implement pending tasks from an OpenSpec change, a planned set of development work. The skill reads relevant specifications and design files, makes focused code changes, and updates task completion as work progresses.

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

  • Start implementing a planned change
  • Resume partially completed implementation
  • Work through pending tasks and track progress
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Check a software module’s folder structure, required README.md and DESIGN.md files, and whether documentation matches the code. Produce a report identifying missing content and issues to resolve before handoff.

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

  • Checking a newly created module before handoff
  • Reviewing documentation after refactoring
  • Finding missing README.md and DESIGN.md sections
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Audit a website for Google AdSense application readiness or ongoing ad-serving issues. Check content, navigation, crawler access, and disclosures against official requirements, then receive evidence-based findings, specific fixes, and a complete checklist with unresolved questions clearly marked.

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

  • Checking a site before applying for AdSense
  • Investigating issues after an AdSense rejection
  • Reviewing policy risks on a site that already serves ads
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Create or improve search-focused pages for online tools such as generators and converters. It studies search intent and competing pages, then produces English content JSON, implementation guidance, and checks for page content and search visibility.

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

  • Create a search-focused page for an AI tool
  • Write English feature-page JSON using an existing template
  • Audit keywords, metadata, and FAQs on a tool page
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Find the relevant architectural guidance for API design, security, cloud infrastructure, message queues, and caching. This skill acts as an index to specialized references and lists principles for structuring software, distributed systems, and access controls.

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

  • Finding guidance for API design
  • Reviewing security architecture topics
  • Exploring containers, K8s, and Serverless
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Guides the design of data pipelines, continuous stream processing, and data quality checks. It compares tools such as Airflow, Dagster, and Flink, and provides implementation patterns and checklists for scheduling, retries, validation, and monitoring.

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

  • Compare tools for data pipeline scheduling
  • Design continuous data processing
  • Define checks for missing, duplicate, or stale data
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Choose a programming language for a development task and find the corresponding language guide. This index maps web development, systems programming, automation, and security tools to options including Python, Go, Rust, TypeScript, Java, C/C++, and Shell.

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

  • Choosing a language for a web backend
  • Finding guidance for frontend development
  • Comparing languages for systems programming
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

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월 21일 업데이트

Plan and configure Kubernetes deployments, Git-based continuous delivery, and cloud resources defined in code. Covers Helm, Kustomize, ArgoCD, Flux, Terraform, Pulumi, and AWS CDK, with patterns for environment separation, secrets, validation, updates, and rollback.

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

  • Create Helm charts and environment-specific configurations
  • Set up Git-based delivery with ArgoCD or Flux
  • Organize cloud resources with Terraform or Pulumi
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

bolder

무료

Give bland interfaces more visual character through typography, color, layout, spacing, and motion. Shape a clear focal point around the brand and audience while checking readability, accessibility, performance, and ease of use.

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

  • Giving a bland page more visual character
  • Creating a stronger focal point for key content
  • Reworking typography and color to fit a brand
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

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월 21일 업데이트

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월 21일 업데이트

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월 21일 업데이트

quieter

무료

Tone down interfaces that feel visually overwhelming by refining colors, typography, spacing, decoration, and motion. Preserve important emphasis and recognizable character while creating a calmer layout that remains readable and easy to use.

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

  • Softening overly vivid colors
  • Reducing competing bold text and large elements
  • Simplifying excessive decoration and animation
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)